# Make modal go away!

**URL:** <https://forum.adalo.com/t/make-modal-go-away/17305>\
**Category:** Design\
**Created:** [September 15, 2021, 1:16pm UTC](https://forum.adalo.com/t/make-modal-go-away/17305 "2021-09-15T13:16:40Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![parksidecreator](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/parksidecreator/32/15737_2.png) [@parksidecreator](https://forum.adalo.com/u/parksidecreator)\
**Post date:** [September 15, 2021, 1:16pm UTC](https://forum.adalo.com/t/make-modal-go-away/17305/1 "2021-09-15T13:16:40Z")

</div>

I’ve created a screen that has a Modal appear when you visit it, I’d like the Modal to appear only once! Now it goes on loop, as it appears each time the screen behind it is visited, and the OK button goes “Back”. It does not help to put the OK button to go directly to the screen behind it, again, obviously.

---

<div class="post-metadata">

**Author:** ![Dilon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/dilon/32/39815_2.png) [@Dilon](https://forum.adalo.com/u/Dilon)\
**Post date:** [September 15, 2021, 1:27pm UTC](https://forum.adalo.com/t/make-modal-go-away/17305/2 "2021-09-15T13:27:06Z")

</div>

You have to set a condition @parksidecreator

---

<div class="post-metadata">

**Author:** ![parksidecreator](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/parksidecreator/32/15737_2.png) [@parksidecreator](https://forum.adalo.com/u/parksidecreator)\
**Post date:** [September 15, 2021, 1:29pm UTC](https://forum.adalo.com/t/make-modal-go-away/17305/3 "2021-09-15T13:29:21Z")

</div>

“Sometimes” - \> and then?.. It only gives option to when a collection from database is ‘something’ or time/date is ‘something’.

---

<div class="post-metadata">

**Author:** ![ishantanusrivastava](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/ishantanusrivastava/32/34947_2.png) [@ishantanusrivastava](https://forum.adalo.com/u/ishantanusrivastava)\
**Post date:** [September 15, 2021, 1:30pm UTC](https://forum.adalo.com/t/make-modal-go-away/17305/4 "2021-09-15T13:30:17Z")

</div>

You should use true/false property to capture that user is visited the modal or not, if the user is not visited then redirect to modal screen & under advance action setup like - _Action only trigger_ when → Logged In User \> Property Name is `false` & when they visited make it to `true`

I hope this will help

Thanks

---

<div class="post-metadata">

**Author:** ![parksidecreator](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/parksidecreator/32/15737_2.png) [@parksidecreator](https://forum.adalo.com/u/parksidecreator)\
**Post date:** [September 15, 2021, 1:31pm UTC](https://forum.adalo.com/t/make-modal-go-away/17305/5 "2021-09-15T13:31:16Z")

</div>

You don’t have to create/log in to a user to use the app.

---

<div class="post-metadata">

**Author:** ![Dilon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/dilon/32/39815_2.png) [@Dilon](https://forum.adalo.com/u/Dilon)\
**Post date:** [September 15, 2021, 1:52pm UTC](https://forum.adalo.com/t/make-modal-go-away/17305/6 "2021-09-15T13:52:52Z")

</div>

That means no signup and login.

---

<div class="post-metadata">

**Author:** ![parksidecreator](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/parksidecreator/32/15737_2.png) [@parksidecreator](https://forum.adalo.com/u/parksidecreator)\
**Post date:** [September 15, 2021, 2:06pm UTC](https://forum.adalo.com/t/make-modal-go-away/17305/7 "2021-09-15T14:06:59Z")

</div>

What do you mean? Is it not possible?

---

<div class="post-metadata">

**Author:** ![Dilon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/dilon/32/39815_2.png) [@Dilon](https://forum.adalo.com/u/Dilon)\
**Post date:** [September 15, 2021, 2:10pm UTC](https://forum.adalo.com/t/make-modal-go-away/17305/8 "2021-09-15T14:10:16Z")

</div>

@parksidecreator did your problem solved?

---

<div class="post-metadata">

**Author:** ![parksidecreator](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/parksidecreator/32/15737_2.png) [@parksidecreator](https://forum.adalo.com/u/parksidecreator)\
**Post date:** [September 15, 2021, 2:26pm UTC](https://forum.adalo.com/t/make-modal-go-away/17305/9 "2021-09-15T14:26:20Z")

</div>

No, any suggestions?

---

<div class="post-metadata">

**Author:** ![Dilon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/dilon/32/39815_2.png) [@Dilon](https://forum.adalo.com/u/Dilon)\
**Post date:** [September 15, 2021, 2:27pm UTC](https://forum.adalo.com/t/make-modal-go-away/17305/10 "2021-09-15T14:27:59Z")

</div>

So in your app the users no need to sign up know?

---

<div class="post-metadata">

**Author:** ![parksidecreator](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/parksidecreator/32/15737_2.png) [@parksidecreator](https://forum.adalo.com/u/parksidecreator)\
**Post date:** [September 15, 2021, 2:45pm UTC](https://forum.adalo.com/t/make-modal-go-away/17305/11 "2021-09-15T14:45:43Z")

</div>

I have removed the users-function. The app is without users, so therefore without log in.

---

<div class="post-metadata">

**Author:** ![Dilon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/dilon/32/39815_2.png) [@Dilon](https://forum.adalo.com/u/Dilon)\
**Post date:** [September 15, 2021, 2:46pm UTC](https://forum.adalo.com/t/make-modal-go-away/17305/12 "2021-09-15T14:46:41Z")

</div>

Hmm. What are the collections you have in you DB?

---

<div class="post-metadata">

**Author:** ![parksidecreator](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/parksidecreator/32/15737_2.png) [@parksidecreator](https://forum.adalo.com/u/parksidecreator)\
**Post date:** [September 15, 2021, 2:53pm UTC](https://forum.adalo.com/t/make-modal-go-away/17305/13 "2021-09-15T14:53:44Z")

</div>

Informations that goes in the app? It’s a city guide, so DB is filled with store names, their opening hours etc.

---

<div class="post-metadata">

**Author:** ![speakupboy](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/speakupboy/32/30235_2.png) [@speakupboy](https://forum.adalo.com/u/speakupboy)\
**Post date:** [September 15, 2021, 2:55pm UTC](https://forum.adalo.com/t/make-modal-go-away/17305/14 "2021-09-15T14:55:34Z")

</div>

If you don’t have a users database to flag whether the user has visited the page already you can perhaps instead use a hidden input box on the screen. When the user visits the screen for the first time you trigger the input value to be eg “1” and then make the modal only appear if the input value is “1”. When they leave you set the value to be “2”.

---

<div class="post-metadata">

**Author:** ![parksidecreator](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/parksidecreator/32/15737_2.png) [@parksidecreator](https://forum.adalo.com/u/parksidecreator)\
**Post date:** [September 15, 2021, 3:04pm UTC](https://forum.adalo.com/t/make-modal-go-away/17305/15 "2021-09-15T15:04:37Z")

</div>

How do I make the counter add to it self when the page is visited?

---

<div class="post-metadata">

**Author:** ![Dilon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/dilon/32/39815_2.png) [@Dilon](https://forum.adalo.com/u/Dilon)\
**Post date:** [September 15, 2021, 3:05pm UTC](https://forum.adalo.com/t/make-modal-go-away/17305/16 "2021-09-15T15:05:07Z")

</div>

add the text input on your home screen

---

<div class="post-metadata">

**Author:** ![Dilon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/dilon/32/39815_2.png) [@Dilon](https://forum.adalo.com/u/Dilon)\
**Post date:** [September 15, 2021, 3:34pm UTC](https://forum.adalo.com/t/make-modal-go-away/17305/17 "2021-09-15T15:34:24Z")

</div>

Hi @parksidecreator I created a video for you.

> **[modal.MP4](https://drive.google.com/file/d/17aAVBepotekB09D-jpHi-pa2vmsyGGzC/view?usp=sharing)**
>
> Google Drive file.

I think you will solve your problem. 😇 😇

Thank you 😊 😊

---

<div class="post-metadata">

**Author:** ![parksidecreator](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/parksidecreator/32/15737_2.png) [@parksidecreator](https://forum.adalo.com/u/parksidecreator)\
**Post date:** [September 15, 2021, 8:53pm UTC](https://forum.adalo.com/t/make-modal-go-away/17305/18 "2021-09-15T20:53:51Z")

</div>

Thanks man, this worked! 👍

---

<div class="post-metadata">

**Author:** ![Dilon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/dilon/32/39815_2.png) [@Dilon](https://forum.adalo.com/u/Dilon)\
**Post date:** [September 16, 2021, 2:26am UTC](https://forum.adalo.com/t/make-modal-go-away/17305/19 "2021-09-16T02:26:38Z")

</div>

Your Welcome @parksidecreator 😊 😊

---

<div class="post-metadata">

**Author:** ![parksidecreator](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/parksidecreator/32/15737_2.png) [@parksidecreator](https://forum.adalo.com/u/parksidecreator)\
**Post date:** [September 29, 2021, 10:35pm UTC](https://forum.adalo.com/t/make-modal-go-away/17305/20 "2021-09-29T22:35:10Z")

</div>

Hi Dilon,

I deleted my function by accident and now I can not get it to raise the input-number again.  
The modal is only visible when input-number is 1, and “OK” button in modal changes input-value(I have set 1).  
But the input does not change number, so the modal is always visible.  
I have looked at your video.

[Next page](https://forum.adalo.com/t/make-modal-go-away/17305.md?page=2)
