# Splash screen

**URL:** <https://forums.fusetools.com/t/splash-screen/4542>\
**Category:** How-to Discussions\
**Created:** [November 22, 2016, 3:44pm UTC](https://forums.fusetools.com/t/splash-screen/4542 "2016-11-22T15:44:02Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![zaulin](https://avatars.discourse-cdn.com/v4/letter/z/d26b3c/32.png) [@zaulin](https://forums.fusetools.com/u/zaulin)\
**Post date:** [November 22, 2016, 3:44pm UTC](https://forums.fusetools.com/t/splash-screen/4542/1 "2016-11-22T15:44:02Z")

</div>

Hi!

i want to load some stuff (2 seconds) when the app launches. If i do it on the javascript like:

```
<App>
	<JavaScript>
		doSomething();
	</JavaScript>

```

it shows a black screen while executing the code. If I call the code on the activated trigger the same happens.

```
<Activated>
	<Callback Handler="{onActive}"/>
</Activated>

```

wich trigger (and how) should i use so first the splash page is shown and then the “code on startup” is called?

---

<div class="post-metadata">

**Author:** ![Anders\_Lassen](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/anders_lassen/32/522_2.png) [@Anders\_Lassen](https://forums.fusetools.com/u/Anders_Lassen)\
**Post date:** [November 22, 2016, 5:16pm UTC](https://forums.fusetools.com/t/splash-screen/4542/2 "2016-11-22T17:16:06Z")

</div>

Hi!

Literal splash screens are set in the project config on iOS, and is not possible (!) on Android (really, check out any of the native apps, and they all just display a blank page while initializing).

The fastest way to get something on the screen as early as possible would be to just put a

```
<WhileFalse Value="{ready}">
   <Image File="loadingScreen.png" />

```

and then set the `ready.value = true;` when ready in JS

---

<div class="post-metadata">

**Author:** ![zaulin](https://avatars.discourse-cdn.com/v4/letter/z/d26b3c/32.png) [@zaulin](https://forums.fusetools.com/u/zaulin)\
**Post date:** [November 22, 2016, 6:33pm UTC](https://forums.fusetools.com/t/splash-screen/4542/3 "2016-11-22T18:33:08Z")

</div>

My fault: i did not mean a “real splash” screen.

I want to do the following:

1.- show panel on start

2.- do some background actions

3.- when thoes actions are finished hide the first panel

The problem i am facing is call the actions on the start the first panel is not shown till those actions are finished (so adding this time to the real splash screen)

P.s: those actions include adding items to an observable list (so it affects ux)

---

<div class="post-metadata">

**Author:** ![Anders\_Schau\_Knatten](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/anders_schau_knatten/32/41_2.png) [@Anders\_Schau\_Knatten](https://forums.fusetools.com/u/Anders_Schau_Knatten)\
**Post date:** [November 29, 2016, 2:32pm UTC](https://forums.fusetools.com/t/splash-screen/4542/4 "2016-11-29T14:32:47Z")

</div>

If you go with the suggestion from Anders, and just set `ready` to true when your actions are done, shouldn’t that solve what you’re trying to do? If not, can you please go into a bit more details about the problem?