locked
How to customize the width or height of a flyout in JS?

    Question

  • Dear all,

    Does anyone know?

    Thank you all.

    Thursday, November 1, 2012 10:00 AM

Answers

  • Hi,

    You could define the width and height of a flyout with js like follow:

    document.getElementById("confirmFlyout").style.width = "200px";
                    document.getElementById("confirmFlyout").style.height = "200px";

    <div id="confirmFlyout" data-win-control="WinJS.UI.Flyout" aria-label="{Confirm purchase flyout}">
            <div>Your account will be charged $252.</div>
            <button id="confirmButton">Complete Order</button>
        </div>


    Please mark the replies as answers if they help or unmark if not.
    If you have any feedback about my replies, please contact msdnmg@microsoft.com
    Microsoft One Code Framework

    • Marked as answer by Song Tian Tuesday, November 13, 2012 6:47 AM
    Friday, November 2, 2012 2:52 AM

All replies

  • Hi,

    You could define the width and height of a flyout with js like follow:

    document.getElementById("confirmFlyout").style.width = "200px";
                    document.getElementById("confirmFlyout").style.height = "200px";

    <div id="confirmFlyout" data-win-control="WinJS.UI.Flyout" aria-label="{Confirm purchase flyout}">
            <div>Your account will be charged $252.</div>
            <button id="confirmButton">Complete Order</button>
        </div>


    Please mark the replies as answers if they help or unmark if not.
    If you have any feedback about my replies, please contact msdnmg@microsoft.com
    Microsoft One Code Framework

    • Marked as answer by Song Tian Tuesday, November 13, 2012 6:47 AM
    Friday, November 2, 2012 2:52 AM
  • Hello, Song,

    It works! Really thank you very much.

    Monday, November 26, 2012 10:38 AM