Splash screen is possible?

3 posts, 0 answers
  1. Joon
    Joon avatar
    30 posts
    Member since:
    Aug 2012

    Posted 20 Jun 2012 Link to this post

    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. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2622 posts

    Posted 21 Jun 2012 Link to this post

    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!
  3. Joe
    Joe avatar
    4 posts
    Member since:
    Oct 2012

    Posted 03 Oct 2012 Link to this post

    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>
Back to Top