# How to create splash screen

**URL:** <https://community.glideapps.com/t/how-to-create-splash-screen/40238>\
**Category:** Ask for Help\
**Created:** [March 30, 2022, 5:34am UTC](https://community.glideapps.com/t/how-to-create-splash-screen/40238 "2022-03-30T05:34:37Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![atek](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/atek/32/27649_2.png) [@atek](https://community.glideapps.com/u/atek)\
**Post date:** [March 30, 2022, 5:34am UTC](https://community.glideapps.com/t/how-to-create-splash-screen/40238/1 "2022-03-30T05:34:37Z")

</div>

How to create splash screen at the start of the app. Almost i have created 70% of my app. And now i want to create a splash screen, A small video i have created in After Effect and i want to add that video as a splash screen. Any suggestion or help how it work. Thanks

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [March 30, 2022, 11:58am UTC](https://community.glideapps.com/t/how-to-create-splash-screen/40238/2 "2022-03-30T11:58:04Z")

</div>

1. Create a column called “splash screen completed” in your user profiles table
2. Create a new tab with the user profiles table as your source…filter it to where email \> is signed in user
3. Add the video content you want
4. On that tab, include a button with a CTA to begin the app experience (eg. “Let’s go!”)
5. That button has a set columns action to write a value (I prefer timestamp) to the “splash screen completed” column
6. Set visibility condition on the splash screen tab to only show when “splash screen completed” is empty
7. Set visibility condition on all other tabs to only show when “splash screen completed” is NOT empty

---

<div class="post-metadata">

**Author:** ![Cloud\_X](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/cloud_x/32/11700_2.png) [@Cloud\_X](https://community.glideapps.com/u/Cloud_X)\
**Post date:** [March 30, 2022, 1:45pm UTC](https://community.glideapps.com/t/how-to-create-splash-screen/40238/3 "2022-03-30T13:45:06Z")

</div>

but using a button to set a value for the splash screen column will make it visible one time only

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [March 30, 2022, 2:02pm UTC](https://community.glideapps.com/t/how-to-create-splash-screen/40238/4 "2022-03-30T14:02:11Z")

</div>

Did you want the video to display every time a user opens the app?

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [March 30, 2022, 2:12pm UTC](https://community.glideapps.com/t/how-to-create-splash-screen/40238/5 "2022-03-30T14:12:05Z")

</div>

I use a GIF image as my background for the sign in screen and the loading screen. It’s not a video with sound, but it’s a GIF made from a video, and gives a nice little startup animation until the app is fully loaded.

There is the possibility though that it could cut out early if the app loads too quickly, as well as looping over and over until the app takes longer to load. So if you are expecting the full length of the video to play, as well as not loop, then using a GIF for your loading screen background may not be a solution.

---

<div class="post-metadata">

**Author:** ![Cloud\_X](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/cloud_x/32/11700_2.png) [@Cloud\_X](https://community.glideapps.com/u/Cloud_X)\
**Post date:** [March 30, 2022, 2:58pm UTC](https://community.glideapps.com/t/how-to-create-splash-screen/40238/6 "2022-03-30T14:58:38Z")

</div>

it will be cool to display the splash screen every time the user opens the app

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [May 13, 2023, 11:42pm UTC](https://community.glideapps.com/t/how-to-create-splash-screen/40238/9 "2023-05-13T23:42:14Z")

</div>

Can you show what you have set up so far, and what’s not working?

---

<div class="post-metadata">

**Author:** ![Hobe](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/hobe/32/55866_2.png) [@Hobe](https://community.glideapps.com/u/Hobe)\
**Post date:** [May 14, 2023, 10:55am UTC](https://community.glideapps.com/t/how-to-create-splash-screen/40238/10 "2023-05-14T10:55:08Z")

</div>

this looks interesting. do you use the GIF in a container? I didn’t even know you could do that. well that some user could create a topic about designer tips.

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [May 14, 2023, 11:11am UTC](https://community.glideapps.com/t/how-to-create-splash-screen/40238/11 "2023-05-14T11:11:51Z")

</div>

No, I don’t use a container. I have a Classic App that has options for adding a background image to the sign in screen.

 ![Screenshot_20230514-060735](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/b/1b70ea19fb5fa7783fcad642abf639a0c7958124.png)

Currently these options are not available in New Apps.

---

<div class="post-metadata">

**Author:** ![Hobe](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/hobe/32/55866_2.png) [@Hobe](https://community.glideapps.com/u/Hobe)\
**Post date:** [May 14, 2023, 1:19pm UTC](https://community.glideapps.com/t/how-to-create-splash-screen/40238/12 "2023-05-14T13:19:09Z")

</div>

I understood. it is a shame. this would be very welcome in the new applications.

---

<div class="post-metadata">

**Author:** ![18\_chic](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/18_chic/32/58989_2.png) [@18\_chic](https://community.glideapps.com/u/18_chic)\
**Post date:** [June 19, 2023, 1:25pm UTC](https://community.glideapps.com/t/how-to-create-splash-screen/40238/13 "2023-06-19T13:25:49Z")

</div>

yeah tried flash video file and gif file both but it is not working

---

<div class="post-metadata">

**Author:** ![18\_chic](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/18_chic/32/58989_2.png) [@18\_chic](https://community.glideapps.com/u/18_chic)\
**Post date:** [June 19, 2023, 1:29pm UTC](https://community.glideapps.com/t/how-to-create-splash-screen/40238/14 "2023-06-19T13:29:40Z")

</div>

I don’t have this feature in my dashboard

---

<div class="post-metadata">

**Author:** ![18\_chic](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/18_chic/32/58989_2.png) [@18\_chic](https://community.glideapps.com/u/18_chic)\
**Post date:** [June 19, 2023, 1:34pm UTC](https://community.glideapps.com/t/how-to-create-splash-screen/40238/15 "2023-06-19T13:34:44Z")

</div>

I already created that topic … but no proper replies . Seems no one has an idea.

---

<div class="post-metadata">

**Author:** ![Eric\_Penn](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eric_penn/32/73888_2.png) [@Eric\_Penn](https://community.glideapps.com/u/Eric_Penn)\
**Post date:** [June 19, 2023, 2:38pm UTC](https://community.glideapps.com/t/how-to-create-splash-screen/40238/16 "2023-06-19T14:38:49Z")

</div>

> [@18\_chic](#):
>
> I don’t have this feature in my dashboard

That feature is only available for classic apps. I believe it’s on the road map and should make its way into new apps.

---

<div class="post-metadata">

**Author:** ![vras\_dinand](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/vras_dinand/32/64071_2.png) [@vras\_dinand](https://community.glideapps.com/u/vras_dinand)\
**Post date:** [January 30, 2024, 2:32am UTC](https://community.glideapps.com/t/how-to-create-splash-screen/40238/17 "2024-01-30T02:32:54Z")

</div>

can i watch Video for Setting This bro…

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [January 30, 2024, 2:42am UTC](https://community.glideapps.com/t/how-to-create-splash-screen/40238/18 "2024-01-30T02:42:22Z")

</div>



---

<div class="post-metadata">

**Author:** ![vras\_dinand](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/vras_dinand/32/64071_2.png) [@vras\_dinand](https://community.glideapps.com/u/vras_dinand)\
**Post date:** [January 30, 2024, 2:56am UTC](https://community.glideapps.com/t/how-to-create-splash-screen/40238/19 "2024-01-30T02:56:53Z")

</div>

Thank You So Much Bro @Robert_Petitto, I Subcribe & Always Watching You Youtube Channel All About GlideApp.

---

<div class="post-metadata">

**Author:** ![vras\_dinand](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/vras_dinand/32/64071_2.png) [@vras\_dinand](https://community.glideapps.com/u/vras_dinand)\
**Post date:** [January 30, 2024, 3:07am UTC](https://community.glideapps.com/t/how-to-create-splash-screen/40238/20 "2024-01-30T03:07:27Z")

</div>

im Sorry I Question Again,where i Found a Image Background in your Video?  
for refrence for me Please!

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [January 30, 2024, 3:11am UTC](https://community.glideapps.com/t/how-to-create-splash-screen/40238/21 "2024-01-30T03:11:21Z")

</div>

> **[Storyset | Customize, animate and download illustration for free](https://storyset.com/)**
>
> Edit and animate all our customizable illustrations to enhance your projects totally free. Start now to be creative in our online editor ✅

---

<div class="post-metadata">

**Author:** ![vras\_dinand](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/vras_dinand/32/64071_2.png) [@vras\_dinand](https://community.glideapps.com/u/vras_dinand)\
**Post date:** [January 30, 2024, 3:33am UTC](https://community.glideapps.com/t/how-to-create-splash-screen/40238/22 "2024-01-30T03:33:38Z")

</div>

Thanks You So Much @Robert_Petitto …
