Asked by:
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 PMModerator -
<!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 PMModerator -
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