Auto Flip of Items in FlipView RRS feed

  • Question

  • Hi,

    The store App of Windows 8.1 has a flipview in landing page where the items in flipview flip automatically.

    Could some one guide me how could I achieve the same behaviour.

    Thanks & Regards Tejaswi Chandrapatla

    Wednesday, November 13, 2013 9:02 AM


  • Set a timer for however many seconds you want with setTimeout or setInterval, and then in the handler for that call the FlipView's next method. It would look something like this (caution: untested code--I just wrote this as part of the reply):

    //Flip every 3 seconds
    var flipview = document.getElementById("myFlipView").winControl;
    var timer = setInterval(flip, 3000);
    function flip () {
        //Clear the interval if we reach the last item
        if (!flipview.next()) {


    Author, Programming Windows Store Apps with HTML, CSS, and JavaScript, Second Edition, a free ebook from Microsoft Press. First edition (for Windows 8) also available.

    • Marked as answer by Teja510 Friday, November 15, 2013 1:39 AM
    Wednesday, November 13, 2013 4:59 PM