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

Splash screen is possible?

2 Answers 598 Views

General Discussions

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

2 Answers, 1 is accepted

answered on 04 Oct 2012, 03:03 AM

I second Joon's suggestion for splash screen support. His solution for handling FOUC (flash of unstyled content) in the following forum thread was the best of the lot in my opinion but a splash screen could eliminate the need for this workaround by showing an image or possibly a splash view until the initial app view's data-before-show event occurs?

http://www.kendoui.com/forums/mobile/general-discussions/rearrange-on-pageload-with-ipad-safari.aspx#2154306

<body>

<script>

$(document.body).css("visibility", "hidden"); //hide body to avoid flash of unstyled content

//eliminate this by supporting splash screens

</script>

<div id="splashView" data-role="view">

<img src="images/splash.png">

</div>

<div id="loginView" data-role="view" data-title="FU, FOUC" data-before-show="loginViewBeforeShow">

<script>

function loginViewBeforeShow() {

$(document.body).css("visibility", "visible"); //show body since kendo ui is loaded and content is styled

//eliminate this by supporting splash screens

}

</script>

</div>

<script>

var app = new kendo.mobile.Application(document.body, { splash: "splashView", initial: "loginView" } );

//this would be great if a splash screen could be specified

</script>

</body>