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

Splash screen is possible?

2 Answers 444 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Joon
Top achievements
Rank 1
Joon asked on 20 Jun 2012, 11:59 AM
I know with jquerymobile, you can do something like this in the head and that will show the splash image while loading the web app initially, well, at least for the ios devices.

<link rel="apple-touch-startup-image" href="Images/Icon_114px.gif">

Would it be possible to show some splash screen rather than the white page while loading kendo mobile apps too?

Thanks, looking forward to your answer :)

2 Answers, 1 is accepted

Sort by
0
Iliana Nikolova
Telerik team
answered on 21 Jun 2012, 03:33 PM
Hi Joon,

I am afraid currently such functionality is not available in Kendo UI Mobile. This idea sounds really good and we will appreciate it if you send this suggestion as a feature request at our UserVoice page. This way the community would be able to evaluate it - the implementation depends on the users feedback and the number of votes. 

Regards,
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!
0
Joe
Top achievements
Rank 1
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>
Tags
General Discussions
Asked by
Joon
Top achievements
Rank 1
Answers by
Iliana Nikolova
Telerik team
Joe
Top achievements
Rank 1
Share this question
or