# Display a gif before component display

**URL:** <https://community.glideapps.com/t/display-a-gif-before-component-display/15738>\
**Category:** Ask for Help\
**Created:** [September 13, 2020, 7:51pm UTC](https://community.glideapps.com/t/display-a-gif-before-component-display/15738 "2020-09-13T19:51:14Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![S\_C](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/s_c/32/12766_2.png) [@S\_C](https://community.glideapps.com/u/S_C)\
**Post date:** [September 13, 2020, 7:51pm UTC](https://community.glideapps.com/t/display-a-gif-before-component-display/15738/1 "2020-09-13T19:51:14Z")

</div>

I would like to display a gif on details screen before displaying a hidden component. Is it possible?

Thanks for your help!

---

<div class="post-metadata">

**Author:** ![SantiagoPerez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/santiagoperez/32/16807_2.png) [@SantiagoPerez](https://community.glideapps.com/u/SantiagoPerez)\
**Post date:** [September 13, 2020, 8:03pm UTC](https://community.glideapps.com/t/display-a-gif-before-component-display/15738/2 "2020-09-13T20:03:10Z")

</div>

Yes, it is posible.

Take a look at this.

[https://cajeroscondinero.glideapp.io/](https://cajeroscondinero.glideapp.io/)

I managed that by setting a visibility condition where the pic/gif is displayed when the choice component is empty.

The choice component resets itself when the app is closed.

---

<div class="post-metadata">

**Author:** ![S\_C](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/s_c/32/12766_2.png) [@S\_C](https://community.glideapps.com/u/S_C)\
**Post date:** [September 13, 2020, 8:32pm UTC](https://community.glideapps.com/t/display-a-gif-before-component-display/15738/3 "2020-09-13T20:32:52Z")

</div>

Thanks for responding and sharing @SantiagoPerez! Really nice gif and app btw!

I trying to do something different. My apologies for not explaining in detail. I want my user to click a button than should lead to a gif like spinning wheel to pop up for a sec and then another component should show up after a sec. All happening when the user is logged in and working on app.

---

<div class="post-metadata">

**Author:** ![SantiagoPerez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/santiagoperez/32/16807_2.png) [@SantiagoPerez](https://community.glideapps.com/u/SantiagoPerez)\
**Post date:** [September 13, 2020, 9:12pm UTC](https://community.glideapps.com/t/display-a-gif-before-component-display/15738/4 "2020-09-13T21:12:08Z")

</div>

Sorry for misunderstanding your idea. I’m not sure that is actually possible with glide at the moment but I might be wrong.

Either @Jeff_Hager or @ThinhDinh might have a great idea on how to accomplish it.

---

<div class="post-metadata">

**Author:** ![S\_C](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/s_c/32/12766_2.png) [@S\_C](https://community.glideapps.com/u/S_C)\
**Post date:** [September 13, 2020, 9:16pm UTC](https://community.glideapps.com/t/display-a-gif-before-component-display/15738/5 "2020-09-13T21:16:30Z")

</div>

@SantiagoPerez thanks for your help!

---

<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:** [September 13, 2020, 9:23pm UTC](https://community.glideapps.com/t/display-a-gif-before-component-display/15738/6 "2020-09-13T21:23:20Z")

</div>

Not possible at the moment. You’d need a pause or wait action which doesn’t exist…not yet anyway.

---

<div class="post-metadata">

**Author:** ![S\_C](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/s_c/32/12766_2.png) [@S\_C](https://community.glideapps.com/u/S_C)\
**Post date:** [September 13, 2020, 9:55pm UTC](https://community.glideapps.com/t/display-a-gif-before-component-display/15738/7 "2020-09-13T21:55:56Z")

</div>

Thanks @Robert_Petitto. I thought so too but needed to confirm.

---

<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:** [September 14, 2020, 12:38am UTC](https://community.glideapps.com/t/display-a-gif-before-component-display/15738/8 "2020-09-14T00:38:43Z")

</div>

Yeah I agree we can’t do this now. Would come in handy for a lot of situations I imagine.

---

<div class="post-metadata">

**Author:** ![kyleheney](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kyleheney/32/41173_2.png) [@kyleheney](https://community.glideapps.com/u/kyleheney)\
**Post date:** [September 14, 2020, 12:41am UTC](https://community.glideapps.com/t/display-a-gif-before-component-display/15738/9 "2020-09-14T00:41:50Z")

</div>

Hmm what if you had an image (thumbnail of the gif with a play symbol in the middle). Tie this to an increment action. Once incremented, hide thumbnail and show the actual GIF. Tapping the gif image could perform the opposite increment and return the thumbnail to view. Haven’t tried this, but in theory it should work.

---

<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:** [September 14, 2020, 12:44am UTC](https://community.glideapps.com/t/display-a-gif-before-component-display/15738/10 "2020-09-14T00:44:02Z")

</div>

Yeah but it needs extra actions from the user’s side, not sure of a good way to tell them to tap that UX-wise. Thanks for the idea anyway 😄

---

<div class="post-metadata">

**Author:** ![S\_C](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/s_c/32/12766_2.png) [@S\_C](https://community.glideapps.com/u/S_C)\
**Post date:** [September 14, 2020, 1:04am UTC](https://community.glideapps.com/t/display-a-gif-before-component-display/15738/11 "2020-09-14T01:04:09Z")

</div>

Thanks @kyleheney. I have done this in other parts of app but I believe it would appear counterintuitive to touch the spinning wheel gif. I appreciate your response 🙂 and agree with @ThinhDinh on this one 🙂
