locked
Click on x-ms-webview content closes settings charm.

    Question

  • I have put a x-ms-webview control inside my settings charm in order to show company info which is located in an external website.  the problem is when I click on x-ms-webview content in settings charm it closes the charm as if I click outside the charm panel. could someone tell me why and how to prevent. Also I have tried to put a IFrame inside the charm it simply didnt work. btw I am NOT talking about the airspace issue where webview goes over the charm.
    Wednesday, December 4, 2013 2:23 PM

All replies

  • It's no actually in the settings charm, it's in a flyout of some sort.  What is the code that displays the webview?


    Matt Small - Microsoft Escalation Engineer - Forum Moderator
    If my reply answers your question, please mark this post as answered.

    NOTE: If I ask for code, please provide something that I can drop directly into a project and run (including XAML), or an actual application project. I'm trying to help a lot of people, so I don't have time to figure out weird snippets with undefined objects and unknown namespaces.

    Wednesday, December 4, 2013 9:27 PM
    Moderator
  • <!DOCTYPE html>
    <html>
    <head>
        <!--<script src="//Microsoft.WinJS.2.0/js/base.js"></script>
        <script src="//Microsoft.WinJS.2.0/js/ui.js"></script>-->
        <title></title>
    </head>
    <body>
        <div id="termid" data-win-control="WinJS.UI.SettingsFlyout" style="background-color: white;">
    
            <div class="win-ui-dark win-header" style="background-color:#00b2f0">
                <!-- Background color reflects app's personality -->
                <button type="button" id="backButton" class="win-backbutton" onclick="WinJS.UI.SettingsFlyout.show()"></button>
                <div class="win-label">Terms & Conditions</div>
                
            </div>
           <div class="win-content" style="width: 100%; height: 100%">
               <div class="win-settings-section" style="width: 100%; height: 100%">
                   <x-ms-webview src="(I put my external website url here)" style="margin-left:-40px; overflow: scroll; width: 100%; height: 100%">
                   </x-ms-webview>
               </div>
            </div>
        </div>
    </body>
    </html>
    this is my company info page I add a command to open this flyout inside the settings charms. It actually displays the content but when I try to click to scrool down it closes the flyout as if I click outside the flyout.
    Monday, December 9, 2013 6:49 PM
  • Do you mind posting the actual app somewhere (skydrive perhaps) so I can test it?  You can also send it to me directly:  msmall at microsoft

    Matt Small - Microsoft Escalation Engineer - Forum Moderator
    If my reply answers your question, please mark this post as answered.

    NOTE: If I ask for code, please provide something that I can drop directly into a project and run (including XAML), or an actual application project. I'm trying to help a lot of people, so I don't have time to figure out weird snippets with undefined objects and unknown namespaces.

    Monday, December 9, 2013 7:10 PM
    Moderator
  • I have sent an email with actual app project.
    Monday, December 9, 2013 8:05 PM
  • I've run into this same problem with a WinJS Windows 8.1 application.

    Is there a solution?

    Monday, March 17, 2014 11:19 PM