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

splash screen / icon overlay

7 Answers 195 Views
iOS Devices
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Michael
Top achievements
Rank 1
Michael asked on 17 Dec 2013, 08:18 PM
when I launch my app on iOS, first the app icon gets blown up to full-screen size, then a splash screen appears over that, and then another splash screen appears over that.

Is there a way to set this up so that there's just one splash screen and no stretched icon or double splash?

7 Answers, 1 is accepted

Sort by
0
Michael
Top achievements
Rank 1
answered on 17 Dec 2013, 08:32 PM
Does anyone else have this same issue? with the expanding icon and overlapping splash screens?
0
Kaloyan
Telerik team
answered on 20 Dec 2013, 01:52 PM
Hello Michael,

We have not been contacted with such a problem before, so can you share which is your project that exhibits the issue? What you can try on your end is to change the AutoHideSplashScreen Cordova setting to false in the iOS Config.xml of your project (see Edit Configuration Files).

Regards,
Kaloyan
Telerik
You've missed the Icenium Visual Studio Integration keynote? It has been recorded and posted here.
Looking for tips & tricks directly from the Icenium team? Check out our blog!
Share feedback and vote for features on our Feedback Portal.
0
Michael
Top achievements
Rank 1
answered on 20 Dec 2013, 03:51 PM
Setting  AutoHideSplashScreen to false leaves the splash screen up, as expected (I think?). It doesn't help anything, but it does reveal that the splash doesn't cover the bottom part of the screen. I think this might be why there appears to be two splash screens? The first splash (the one that comes up over the expanded icon) covers the screen correctly and is centered. The splash screen that appears with the app content in the background is not full screen, and so it appears to "jump up" since it is off center. If it were aligned correctly to cover the screen, the transition would maybe be seamless.
0
Michael
Top achievements
Rank 1
answered on 20 Dec 2013, 09:22 PM
Perhaps its a side effect of: statusBarStyle: "black-translucent"?
0
Michael
Top achievements
Rank 1
answered on 20 Dec 2013, 10:59 PM
I've attached two pictures of the problem.

in picture 1: after clicking the app icon, the icon expands full screen (the large background image) with a splash screen (green with the little centered icon) over it.

in picture 2: after the stretched icon disappears, the splash screen shifts upwards. notice empty space at the bottom of the screen.
0
Fatme
Telerik team
answered on 24 Dec 2013, 01:27 PM
Hi Michael,

Is it possible to export your project (or at least a sample that reproduces the strange behavior) and send it over for investigation? You will find the export procedure described in here. You should be able to attach the archived files to your reply in this thread.
 
Thank you very much for the help in advance.

Regards,
Fatme
Telerik
You've missed the Icenium Visual Studio Integration keynote? It has been recorded and posted here.
Looking for tips & tricks directly from the Icenium team? Check out our blog!
Share feedback and vote for features on our Feedback Portal.
0
Tom
Top achievements
Rank 1
answered on 28 Oct 2015, 09:30 PM

 In the head add this:

<script type="text/javascript" charset="utf-8">
        // Wait for device API Libraries to load
        function onBodyLoad()
        {
           document.addEventListener("deviceready", onDeviceReady, false);
        }
        function onDeviceReady()
        {
            navigator.splashscreen.show();
        }
    </script>​

 In the body tag call <body onload="onBodyLoad()">

Add this to the bottom of your index.html:

<script type="text/javascript">    
        setTimeout(function() {
            navigator.splashscreen.hide();
        }, 4000);
    </script>

 Verify this is set in config.xml

  <preference name="AutoHideSplashScreen" value="false" />​

Tags
iOS Devices
Asked by
Michael
Top achievements
Rank 1
Answers by
Michael
Top achievements
Rank 1
Kaloyan
Telerik team
Fatme
Telerik team
Tom
Top achievements
Rank 1
Share this question
or