# How to hide an element after a period of time?

**URL:** <https://forum.bubble.io/t/how-to-hide-an-element-after-a-period-of-time/2808>\
**Category:** Questions\
**Created:** [May 6, 2016, 1:03am UTC](https://forum.bubble.io/t/how-to-hide-an-element-after-a-period-of-time/2808 "2016-05-06T01:03:43Z")\
**Posts on this page:** 15\
**Page:** 1

<div class="post-metadata">

**Author:** ![azzar](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/azzar/32/3053_2.png) [@azzar](https://forum.bubble.io/u/azzar)\
**Post date:** [May 6, 2016, 1:03am UTC](https://forum.bubble.io/t/how-to-hide-an-element-after-a-period-of-time/2808/1 "2016-05-06T01:03:43Z")

</div>

Hi,

I’d like to have a temporary tooltip (something like “Thing successfully created”) that disappears/fade out automatically after few seconds.

This seems to be easy compared to what Bubble can do but I couldn’t fin a way to do it. Does anyone know if this is feasible ?

Many thanks

Sylvain

---

<div class="post-metadata">

**Author:** ![csfalcao](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/csfalcao/32/557_2.png) [@csfalcao](https://forum.bubble.io/u/csfalcao)\
**Post date:** [May 6, 2016, 1:39am UTC](https://forum.bubble.io/t/how-to-hide-an-element-after-a-period-of-time/2808/2 "2016-05-06T01:39:40Z")

</div>

In editor, check the visual element called **alert**

---

<div class="post-metadata">

**Author:** ![azzar](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/azzar/32/3053_2.png) [@azzar](https://forum.bubble.io/u/azzar)\
**Post date:** [May 6, 2016, 5:47am UTC](https://forum.bubble.io/t/how-to-hide-an-element-after-a-period-of-time/2808/3 "2016-05-06T05:47:08Z")

</div>

Thanks !

---

<div class="post-metadata">

**Author:** ![lonetour](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/lonetour/32/536_2.png) [@lonetour](https://forum.bubble.io/u/lonetour)\
**Post date:** [May 6, 2016, 4:31pm UTC](https://forum.bubble.io/t/how-to-hide-an-element-after-a-period-of-time/2808/4 "2016-05-06T16:31:43Z")

</div>

Is there a way to slow down or pause the transition. We want it to appear and disappear to confirm saving, but it is as quick as a flash…

---

<div class="post-metadata">

**Author:** ![NigelG](https://avatars.discourse-cdn.com/v4/letter/n/ea5d25/32.png) [@NigelG](https://forum.bubble.io/u/NigelG)\
**Post date:** [May 6, 2016, 6:54pm UTC](https://forum.bubble.io/t/how-to-hide-an-element-after-a-period-of-time/2808/5 "2016-05-06T18:54:13Z")

</div>

> [@\[New Feature\] action: Schedule a custom event](http://forum.bubble.io/t/new-feature-action-schedule-a-custom-event/2817):
>
> Hi all – we just added a new action, “Schedule a custom event”. It works like “Trigger a custom event” except that instead of running the custom event as part of the current workflow, it runs it as a seperate workflow after a delay that you set. More information in the reference: [https://bubble.io/reference#Actions.ScheduleCustom](https://bubble.io/reference#Actions.ScheduleCustom). I anticipate it being useful for things like animations, etc.

---

<div class="post-metadata">

**Author:** ![csfalcao](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/csfalcao/32/557_2.png) [@csfalcao](https://forum.bubble.io/u/csfalcao)\
**Post date:** [May 6, 2016, 8:22pm UTC](https://forum.bubble.io/t/how-to-hide-an-element-after-a-period-of-time/2808/6 "2016-05-06T20:22:16Z")

</div>

With that you can set the start time of the event, but not how fast is the **duration** of it.

---

<div class="post-metadata">

**Author:** ![NigelG](https://avatars.discourse-cdn.com/v4/letter/n/ea5d25/32.png) [@NigelG](https://forum.bubble.io/u/NigelG)\
**Post date:** [May 7, 2016, 11:23am UTC](https://forum.bubble.io/t/how-to-hide-an-element-after-a-period-of-time/2808/7 "2016-05-07T11:23:21Z")

</div>

So you would have two events ?

One to show and one to hide.

Although … it doesn’t actually work ☹

---

<div class="post-metadata">

**Author:** ![csfalcao](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/csfalcao/32/557_2.png) [@csfalcao](https://forum.bubble.io/u/csfalcao)\
**Post date:** [May 7, 2016, 1:50pm UTC](https://forum.bubble.io/t/how-to-hide-an-element-after-a-period-of-time/2808/8 "2016-05-07T13:50:20Z")

</div>

Only solution I can think is to implement a **time interval** between start to end of the animation event.

---

<div class="post-metadata">

**Author:** ![NigelG](https://avatars.discourse-cdn.com/v4/letter/n/ea5d25/32.png) [@NigelG](https://forum.bubble.io/u/NigelG)\
**Post date:** [May 8, 2016, 6:29am UTC](https://forum.bubble.io/t/how-to-hide-an-element-after-a-period-of-time/2808/9 "2016-05-08T06:29:14Z")

</div>

I can’t even get the “Show” to work ☹

---

<div class="post-metadata">

**Author:** ![NigelG](https://avatars.discourse-cdn.com/v4/letter/n/ea5d25/32.png) [@NigelG](https://forum.bubble.io/u/NigelG)\
**Post date:** [May 9, 2016, 4:40pm UTC](https://forum.bubble.io/t/how-to-hide-an-element-after-a-period-of-time/2808/10 "2016-05-09T16:40:39Z")

</div>

Fixed now.

You can schedule the workflows in a timeline to hide and show things as you want.

 ![](https://us1.discourse-cdn.com/bubble/original/2X/c/c2d6a9cdb1184e739686c5d562309f67c783574b.png)

> **[Bubble - Visual Programming](https://trest3.bubbleapps.io/version-test/fadeintome)**
>
> Build stuff without code and launch a startup without a tech-cofounder! Bubble is a visual programing language. Instead of typing code, use a visual editor to build applications.

---

<div class="post-metadata">

**Author:** ![kfhwdd](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/kfhwdd/32/2166_2.png) [@kfhwdd](https://forum.bubble.io/u/kfhwdd)\
**Post date:** [May 9, 2016, 4:46pm UTC](https://forum.bubble.io/t/how-to-hide-an-element-after-a-period-of-time/2808/11 "2016-05-09T16:46:11Z")

</div>

I was just looking at this and intuitively I thought that it would make more sense to have an event to show and hide element A for [x] seconds and [y] seconds i.e. Show element A for [x] seconds and hide for [y] seconds.

If you just want to hide or show, you can put 0 seconds in.

The only advantage of splitting it is if you wanted to show show or hide hide.

---

<div class="post-metadata">

**Author:** ![NigelG](https://avatars.discourse-cdn.com/v4/letter/n/ea5d25/32.png) [@NigelG](https://forum.bubble.io/u/NigelG)\
**Post date:** [May 9, 2016, 4:47pm UTC](https://forum.bubble.io/t/how-to-hide-an-element-after-a-period-of-time/2808/12 "2016-05-09T16:47:33Z")

</div>

The way it is implemented makes it quite powerful. So show … animate … hide etc

---

<div class="post-metadata">

**Author:** ![csfalcao](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/csfalcao/32/557_2.png) [@csfalcao](https://forum.bubble.io/u/csfalcao)\
**Post date:** [May 9, 2016, 4:56pm UTC](https://forum.bubble.io/t/how-to-hide-an-element-after-a-period-of-time/2808/13 "2016-05-09T16:56:13Z")

</div>

😆 great and funny example, I entered in loop

---

<div class="post-metadata">

**Author:** ![NigelG](https://avatars.discourse-cdn.com/v4/letter/n/ea5d25/32.png) [@NigelG](https://forum.bubble.io/u/NigelG)\
**Post date:** [May 9, 2016, 5:00pm UTC](https://forum.bubble.io/t/how-to-hide-an-element-after-a-period-of-time/2808/14 "2016-05-09T17:00:14Z")

</div>

I think a little bit more testing might be required before it gets out of beta 🙂

---

<div class="post-metadata">

**Author:** ![Pat](https://avatars.discourse-cdn.com/v4/letter/p/8491ac/32.png) [@Pat](https://forum.bubble.io/u/Pat)\
**Post date:** [July 30, 2016, 8:52am UTC](https://forum.bubble.io/t/how-to-hide-an-element-after-a-period-of-time/2808/15 "2016-07-30T08:52:41Z")

</div>

How would I configue this if I wanted to hide something after a specific time of the day? Lets say: Hide this element after 20:00 and show it after 06:00???
