# Notification message after form submission fades away too quickly: slow it down? how?

**URL:** <https://community.glideapps.com/t/notification-message-after-form-submission-fades-away-too-quickly-slow-it-down-how/28478>\
**Category:** Ask for Help\
**Created:** [June 29, 2021, 3:12pm UTC](https://community.glideapps.com/t/notification-message-after-form-submission-fades-away-too-quickly-slow-it-down-how/28478 "2021-06-29T15:12:38Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Gabriel\_Asili](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/gabriel_asili/32/19642_2.png) [@Gabriel\_Asili](https://community.glideapps.com/u/Gabriel_Asili)\
**Post date:** [June 29, 2021, 3:12pm UTC](https://community.glideapps.com/t/notification-message-after-form-submission-fades-away-too-quickly-slow-it-down-how/28478/1 "2021-06-29T15:12:39Z")

</div>

I have this message show up after a user submits a form,it’s supposed to show the message and redirect to another page.

'Great, we’ll start curating resources to meet your open banking needs. Notifications will be over email. ’

But the notification message fades away too quickly before anyone can read it (unless your grandfather is Flash). Is there a way to slow it down, or another way around it?

---

<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:** [June 29, 2021, 11:36pm UTC](https://community.glideapps.com/t/notification-message-after-form-submission-fades-away-too-quickly-slow-it-down-how/28478/2 "2021-06-29T23:36:04Z")

</div>

Any of you guys ever figured out the class names related to the pop-up? @Robert_Petitto @Jeff_Hager @Manu.n @Lucas_Pires?

I have never for the life of me clicked fast enough to read what controls that pop-up.

---

<div class="post-metadata">

**Author:** ![Manu.n](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu.n/32/11679_2.png) [@Manu.n](https://community.glideapps.com/u/Manu.n)\
**Post date:** [June 29, 2021, 11:46pm UTC](https://community.glideapps.com/t/notification-message-after-form-submission-fades-away-too-quickly-slow-it-down-how/28478/3 "2021-06-29T23:46:53Z")

</div>

you don’t click faster than your shadow 😉

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/d/b/dbe63e2e00b66fd456a2cb75c9da9bf130d580e2.png)

---

<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:** [June 29, 2021, 11:48pm UTC](https://community.glideapps.com/t/notification-message-after-form-submission-fades-away-too-quickly-slow-it-down-how/28478/4 "2021-06-29T23:48:53Z")

</div>

Haha, thanks! So no reliable class names then? ☹

Is that “animation 2s” controlling the screen time?

---

<div class="post-metadata">

**Author:** ![Manu.n](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu.n/32/11679_2.png) [@Manu.n](https://community.glideapps.com/u/Manu.n)\
**Post date:** [June 29, 2021, 11:55pm UTC](https://community.glideapps.com/t/notification-message-after-form-submission-fades-away-too-quickly-slow-it-down-how/28478/5 "2021-06-29T23:55:12Z")

</div>

yes my first quick test shows that if you modify the animation time it is the display time

---

<div class="post-metadata">

**Author:** ![Manu.n](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu.n/32/11679_2.png) [@Manu.n](https://community.glideapps.com/u/Manu.n)\
**Post date:** [June 30, 2021, 12:02am UTC](https://community.glideapps.com/t/notification-message-after-form-submission-fades-away-too-quickly-slow-it-down-how/28478/6 "2021-06-30T00:02:59Z")

</div>

here is a css test

```auto

<pre><span><style>

.kgpMvJ {

background:red;
animation: 8s ease-in 0s 1 normal forwards running toast-popover;
}

```

---

<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:** [June 30, 2021, 12:11am UTC](https://community.glideapps.com/t/notification-message-after-form-submission-fades-away-too-quickly-slow-it-down-how/28478/7 "2021-06-30T00:11:37Z")

</div>

Maybe there’s a way to select that pop-up based on the parent id=“app-root”?

---

<div class="post-metadata">

**Author:** ![Manu.n](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu.n/32/11679_2.png) [@Manu.n](https://community.glideapps.com/u/Manu.n)\
**Post date:** [June 30, 2021, 12:32am UTC](https://community.glideapps.com/t/notification-message-after-form-submission-fades-away-too-quickly-slow-it-down-how/28478/8 "2021-06-30T00:32:09Z")

</div>

I didn’t succeed, maybe a CSS pro has a solution!

---

<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:** [June 30, 2021, 12:39am UTC](https://community.glideapps.com/t/notification-message-after-form-submission-fades-away-too-quickly-slow-it-down-how/28478/9 "2021-06-30T00:39:54Z")

</div>

> **[Screen Recording 2021-06-30 at 07.38.11 AM](https://media.lowcode.agency/2Nuq7ZKv)**

This is as close as I can get, but it depends on a timestamp.

Anyone remembers what is the delay for Glide to update the “now” value?

---

<div class="post-metadata">

**Author:** ![Manu.n](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu.n/32/11679_2.png) [@Manu.n](https://community.glideapps.com/u/Manu.n)\
**Post date:** [June 30, 2021, 12:48am UTC](https://community.glideapps.com/t/notification-message-after-form-submission-fades-away-too-quickly-slow-it-down-how/28478/10 "2021-06-30T00:48:39Z")

</div>

be careful with this type of declaration you also modify other class.  
well, that doesn’t seem important for an animation

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/c/c/ccca0056afc96b1a1a68a5bbc8320c69f8728b64.png)

---

<div class="post-metadata">

**Author:** ![Manu.n](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu.n/32/11679_2.png) [@Manu.n](https://community.glideapps.com/u/Manu.n)\
**Post date:** [June 30, 2021, 12:51am UTC](https://community.glideapps.com/t/notification-message-after-form-submission-fades-away-too-quickly-slow-it-down-how/28478/11 "2021-06-30T00:51:25Z")

</div>

it seems to me that it is every 10s

---

<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:** [June 30, 2021, 12:53am UTC](https://community.glideapps.com/t/notification-message-after-form-submission-fades-away-too-quickly-slow-it-down-how/28478/12 "2021-06-30T00:53:07Z")

</div>

Yeah I can’t seem to find a way to target only that child.

---

<div class="post-metadata">

**Author:** ![Manu.n](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu.n/32/11679_2.png) [@Manu.n](https://community.glideapps.com/u/Manu.n)\
**Post date:** [June 30, 2021, 1:01am UTC](https://community.glideapps.com/t/notification-message-after-form-submission-fades-away-too-quickly-slow-it-down-how/28478/13 "2021-06-30T01:01:11Z")

</div>

I don’t have the level to know the subtlety of the hierarchy between an “Id” and “Class” declaration.  
I need to find the time to do some research.  
This is why I declared myself to be impotent.

---

<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:** [June 30, 2021, 1:10am UTC](https://community.glideapps.com/t/notification-message-after-form-submission-fades-away-too-quickly-slow-it-down-how/28478/14 "2021-06-30T01:10:54Z")

</div>

Haha I would love to be on your level bro.

I was reading some threads about :nth-child but seems like we lack a higher level than the app-root here for it to make an impact.

---

<div class="post-metadata">

**Author:** ![Manu.n](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu.n/32/11679_2.png) [@Manu.n](https://community.glideapps.com/u/Manu.n)\
**Post date:** [June 30, 2021, 1:40am UTC](https://community.glideapps.com/t/notification-message-after-form-submission-fades-away-too-quickly-slow-it-down-how/28478/15 "2021-06-30T01:40:27Z")

</div>

it seems to me that it is not possible to use the app-root ID with a child. Because as long as the popup window is not displayed at least once, the class “kgpMvJ” does not exist.

---

<div class="post-metadata">

**Author:** ![Manu.n](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu.n/32/11679_2.png) [@Manu.n](https://community.glideapps.com/u/Manu.n)\
**Post date:** [June 30, 2021, 1:41am UTC](https://community.glideapps.com/t/notification-message-after-form-submission-fades-away-too-quickly-slow-it-down-how/28478/16 "2021-06-30T01:41:46Z")

</div>

to make it shorter, only “.kgpMvJ” remains as access.

---

<div class="post-metadata">

**Author:** ![Manu.n](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu.n/32/11679_2.png) [@Manu.n](https://community.glideapps.com/u/Manu.n)\
**Post date:** [June 30, 2021, 1:52am UTC](https://community.glideapps.com/t/notification-message-after-form-submission-fades-away-too-quickly-slow-it-down-how/28478/17 "2021-06-30T01:52:10Z")

</div>

I would like to reply to @Gabriel_Asili

Here is a css to modify the display time of a popup window.  
BUT BE CAREFUL, it is possible that depending on updates from the Glide team, this no longer works.

Modify the value “2s” by your choice in seconds (example 8s)

```auto
<pre><span><style>

.kgpMvJ {
animation: 2s ease-in 0s 1 normal forwards running toast-popover;
}

</style></span></pre>

```

---

<div class="post-metadata">

**Author:** ![Jason](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jason/32/14_2.png) [@Jason](https://community.glideapps.com/u/Jason)\
**Post date:** [June 30, 2021, 1:54am UTC](https://community.glideapps.com/t/notification-message-after-form-submission-fades-away-too-quickly-slow-it-down-how/28478/18 "2021-06-30T01:54:09Z")

</div>

I think I will tweak the timing based on the length of the message. Thanks for the feedback!

---

<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:** [June 30, 2021, 2:11am UTC](https://community.glideapps.com/t/notification-message-after-form-submission-fades-away-too-quickly-slow-it-down-how/28478/19 "2021-06-30T02:11:36Z")

</div>

Just for future reference, I believe that random class name varies app by app so yours is different from mine.

---

<div class="post-metadata">

**Author:** ![Manu.n](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu.n/32/11679_2.png) [@Manu.n](https://community.glideapps.com/u/Manu.n)\
**Post date:** [June 30, 2021, 2:14am UTC](https://community.glideapps.com/t/notification-message-after-form-submission-fades-away-too-quickly-slow-it-down-how/28478/20 "2021-06-30T02:14:50Z")

</div>

Hello @Jason  
I would like to take advantage of your presence here to make a few remarks 😉

outside of timing.  
is it possible to

1. adjust window size according to text
2. allow line breaks
3. timing adjustment

As this is the only way to pass a message after actions, is it possible to have a popup window with for example an “ok” button to wait for the validation of a user.

a quick photo montage with an “Ok” button

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/a/6a26f0a0116005e072cda6f727b9167b5fe65337.png)

[Next page](https://community.glideapps.com/t/notification-message-after-form-submission-fades-away-too-quickly-slow-it-down-how/28478.md?page=2)