This is a migrated thread and some comments may be shown as answers.

Preventing page flash

2 Answers 92 Views
Application
This is a migrated thread and some comments may be shown as answers.
Richard
Top achievements
Rank 2
Richard asked on 19 Feb 2012, 05:55 PM
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 Answers, 1 is accepted

Sort by
0
Kamen Bundev
Telerik team
answered on 20 Feb 2012, 11:07 AM
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!
0
Richard
Top achievements
Rank 2
answered on 20 Feb 2012, 03:48 PM
Kamen,

Thank you for your reply.  It works!
Tags
Application
Asked by
Richard
Top achievements
Rank 2
Answers by
Kamen Bundev
Telerik team
Richard
Top achievements
Rank 2
Share this question
or