locked
To add progress ring on splash screen using javascript

    Question

  • I am working on win 8 metro app. I have a splash screen. and i want to add progress ring until app gets loaded.. and also how to add progress ring on hubpage untill data gets loaded?
    Wednesday, February 06, 2013 5:54 AM

Answers


  • Hi ashu.s,

    The sdk SplashScreen sample just has shown you how to display a custom splashscreen (after the default splashscreen finish displaying at startup time). Also, the sample's splashscreen html template has included the progress ring element, it is hidden by default. So you can manually uncomment it to show the progress ring.

    #Splash screen sample
    http://code.msdn.microsoft.com/windowsapps/Splash-screen-sample-89c1dc78

    #How to extend the splash screen (Windows Store apps using JavaScript and HTML) (Windows)
    http://msdn.microsoft.com/en-us/library/windows/apps/Hh700390.aspx

    And the sample just display the custom splashscreen without automatically dismiss it (it provides a button for user to close the splashscreen). For your scenario, you can add code in the callback event handler of your data loading code (such as using WinJS.xhr) so as to manually dismiss the splashscreen.


    Please remember to mark the replies as answers if they help and unmark them if they provide no help.

    • Marked as answer by ashu.s Friday, February 08, 2013 5:48 AM
    Thursday, February 07, 2013 3:22 AM
    Moderator

All replies

  • I am working in javascript 
    Wednesday, February 06, 2013 11:03 AM

  • Hi ashu.s,

    The sdk SplashScreen sample just has shown you how to display a custom splashscreen (after the default splashscreen finish displaying at startup time). Also, the sample's splashscreen html template has included the progress ring element, it is hidden by default. So you can manually uncomment it to show the progress ring.

    #Splash screen sample
    http://code.msdn.microsoft.com/windowsapps/Splash-screen-sample-89c1dc78

    #How to extend the splash screen (Windows Store apps using JavaScript and HTML) (Windows)
    http://msdn.microsoft.com/en-us/library/windows/apps/Hh700390.aspx

    And the sample just display the custom splashscreen without automatically dismiss it (it provides a button for user to close the splashscreen). For your scenario, you can add code in the callback event handler of your data loading code (such as using WinJS.xhr) so as to manually dismiss the splashscreen.


    Please remember to mark the replies as answers if they help and unmark them if they provide no help.

    • Marked as answer by ashu.s Friday, February 08, 2013 5:48 AM
    Thursday, February 07, 2013 3:22 AM
    Moderator