Preventing page flash

3 posts, 0 answers
  1. Richard
    Richard avatar
    63 posts
    Member since:
    Apr 2008

    Posted 19 Feb 2012 Link to this post

    When the page renders on an iPhone or iPad it initally loads without any stylesheets applied for a brief moment, then it redraws with the stylesheets.  Can someone tell me how I can prevent that initial load without the stylesheets applied?

    thanks!
  2. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 20 Feb 2012 Link to this post

    Hello Richard,

    You can set visibility hidden with javascript to document.body right after the BODY tag (or directly with CSS) and then show it on viewShow. Something like this:
    var app = new kendo.mobile.Application($(document.body), {
        viewShow: function () {
            $(document.body).css("visibility", "visible");
        }
    });


    All the best,
    Kamen Bundev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kendo UI is VS 2017 Ready
  4. Richard
    Richard avatar
    63 posts
    Member since:
    Apr 2008

    Posted 20 Feb 2012 Link to this post

    Kamen,

    Thank you for your reply.  It works!
Back to Top