Problem with display when loading application.

2 posts, 0 answers
  1. Robert
    Robert avatar
    199 posts
    Member since:
    Aug 2009

    Posted 03 Aug 2012 Link to this post

    I am putting together a mobile app and it seems the display has about a 1 to 1.5 second delay in the styling. Everything seems to have to snap in to place.

    When you first load a page containing a few views the browser/mobile browser will display some HTML controls before they are styled.  It looks very strange.  Is there a way to prevent displaying anything on the page until everything has been styled? Or maybe display a loading animation until everything is styled in the background and then show the page?

    I have experienced this same type of behavior using the Telerik ASP.Net controls for Ajax with the RadFormDecorator.

  2. Iliana Nikolova
    Iliana Nikolova avatar
    2622 posts

    Posted 08 Aug 2012 Link to this post

    Hello Robert,

    The behavior you have observed is known as Flash of unstyled content. In order to avoid it you could hide the content initially via visibility: hidden and remove it after the application is initialized. For more detailed information on this topic and sample code please check this forum thread.

    Iliana Nikolova
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top