Flyout is not displaying content

Category: windows metro apps html5


PrabathM on Wed, 03 Jul 2013 08:34:26


I want to display text on settings is my code


    function gotoQuickView() {
        // need to ensure that settingFlyoutId in the quickview.html page 
        // is same as the first parameter below
        WinJS.UI.SettingsFlyout.showSettings('quickview', 'quickview.html');

my quickview.html

 <div id="flyDiv" data-win-control="WinJS.UI.SettingsFlyout" data-win-options="{settingsCommandId:'detail' }">
            <p id="txt">dasd adasdas asdajdwd dwaead dsadaeff fewffsfd</p>

in this case flyout will appear but is is empty.not containing tags that in quickview.html.Why?

help me


Joel Kucera on Wed, 03 Jul 2013 13:28:36

I just tried your example and the text was included in the flyout, but it was white text on a white background so it was not visible. Try adding some CSS to make the text in <p> element in quickview.html a different color.

<p id="txt" style="color: black;">dasd adasdas asdajdwd dwaead dsadaeff fewffsfd</p>

Also, for your example to work I needed to change the id on the SettingsFlyout from 'flyDiv' to 'quickview'.

I hope that helps,


PrabathM on Thu, 04 Jul 2013 07:03:56


It works just add color for text