# Popup or modal? **URL:** \ **Category:** Ask for Help\ **Created:** [April 28, 2020, 12:34am UTC](https://community.glideapps.com/t/popup-or-modal/7984 "2020-04-28T00:34:42Z")\ **Posts on this page:** 19\ **Page:** 2
**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:** [February 28, 2021, 11:34pm UTC](https://community.glideapps.com/t/popup-or-modal/7984/21 "2021-02-28T23:34:37Z")
> [@Jen\_NYCP](#): > > Is there a way I can display this on top of a tab already created from the modals sheet? As long as you have the rich text for the modal you can display it, but it must be a details view. The image component is for that “x” button. ---
**Author:** ![Jen\_NYCP](https://avatars.discourse-cdn.com/v4/letter/j/848f3c/32.png) [@Jen\_NYCP](https://community.glideapps.com/u/Jen_NYCP)\ **Post date:** [February 28, 2021, 11:51pm UTC](https://community.glideapps.com/t/popup-or-modal/7984/22 "2021-02-28T23:51:55Z")
Ok thanks! But I have to created these modal columns on the homepage sheet? Don’t see how I can bring it over since there is no data to relate. ---
**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:** [February 28, 2021, 11:53pm UTC](https://community.glideapps.com/t/popup-or-modal/7984/23 "2021-02-28T23:53:07Z")
You can create a relation/single column to relate back to the Modals sheet. ---
**Author:** ![Jen\_NYCP](https://avatars.discourse-cdn.com/v4/letter/j/848f3c/32.png) [@Jen\_NYCP](https://community.glideapps.com/u/Jen_NYCP)\ **Post date:** [February 28, 2021, 11:55pm UTC](https://community.glideapps.com/t/popup-or-modal/7984/24 "2021-02-28T23:55:06Z")
I thought there had to be a common data column between the two for that to happen. ---
**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:** [February 28, 2021, 11:56pm UTC](https://community.glideapps.com/t/popup-or-modal/7984/25 "2021-02-28T23:56:48Z")
You can create it yourself. Let’s say make a template with the text “Modal” in your “Homepage” sheet. Then in the Modals sheet, make an If Then Else column. If the “Read” column is True/equals 1 then empty, else Modal. The relation will automatically default to the first row, use a single matching. Or if you use a multiple relation, add a single value column to return the first whole row. ---
**Author:** ![Jen\_NYCP](https://avatars.discourse-cdn.com/v4/letter/j/848f3c/32.png) [@Jen\_NYCP](https://community.glideapps.com/u/Jen_NYCP)\ **Post date:** [March 1, 2021, 1:17am UTC](https://community.glideapps.com/t/popup-or-modal/7984/26 "2021-03-01T01:17:26Z")
OK, so the template code goes on the homepage sheet and not the modal sheet? ---
**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:** [March 1, 2021, 9:14am UTC](https://community.glideapps.com/t/popup-or-modal/7984/27 "2021-03-01T09:14:58Z")
After bringing back the right info from Modals you can create the template code in the Homepage sheet. Still, it’s a bit more complex than building it right on top of the Modals sheet, because now you have to use a set column action on the image component action to write the “Read” value back to the right row on the Modals sheet. ---
**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\ **Post date:** [March 1, 2021, 11:36am UTC](https://community.glideapps.com/t/popup-or-modal/7984/28 "2021-03-01T11:36:34Z")
Code Book updated… tnx! ![Screen Shot 2021-03-01 at 6.35.34 AM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/c/5ca48535f77963a2b5cb4735cd72b24c6a6673af.png) > **[Code BOOK](https://code-book.glideapp.io/full)** > > share cool codes, scripts and links ---
**Author:** ![MonsterGo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/monstergo/32/18780_2.png) [@MonsterGo](https://community.glideapps.com/u/MonsterGo)\ **Post date:** [March 1, 2021, 3:49pm UTC](https://community.glideapps.com/t/popup-or-modal/7984/29 "2021-03-01T15:49:23Z")
Hi Uzo … did you know how to changing button font colour in CSS ?, or just text font color in CSS ---
**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\ **Post date:** [March 1, 2021, 3:54pm UTC](https://community.glideapps.com/t/popup-or-modal/7984/30 "2021-03-01T15:54:56Z")
yes, in CSS ---
**Author:** ![MonsterGo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/monstergo/32/18780_2.png) [@MonsterGo](https://community.glideapps.com/u/MonsterGo)\ **Post date:** [March 1, 2021, 4:16pm UTC](https://community.glideapps.com/t/popup-or-modal/7984/31 "2021-03-01T16:16:14Z")
can you teach me how to ? 😅 ---
**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\ **Post date:** [March 1, 2021, 4:18pm UTC](https://community.glideapps.com/t/popup-or-modal/7984/32 "2021-03-01T16:18:17Z")
click that link, you can find all answers there ---
**Author:** ![MonsterGo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/monstergo/32/18780_2.png) [@MonsterGo](https://community.glideapps.com/u/MonsterGo)\ **Post date:** [March 1, 2021, 4:33pm UTC](https://community.glideapps.com/t/popup-or-modal/7984/33 "2021-03-01T16:33:18Z")
thank you so much! ---
**Author:** ![Zolani\_Matebese](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/zolani_matebese/32/25288_2.png) [@Zolani\_Matebese](https://community.glideapps.com/u/Zolani_Matebese)\ **Post date:** [September 5, 2021, 8:42am UTC](https://community.glideapps.com/t/popup-or-modal/7984/34 "2021-09-05T08:42:16Z")
HI Thinh, Quick Q: could you use this modal/popup to show an advert and revert back to home screen once user closes the modal/popup? tx ---
**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 5, 2021, 8:43am UTC](https://community.glideapps.com/t/popup-or-modal/7984/35 "2021-09-05T08:43:23Z")
Yes, as you can attach an action to that button, theoretically you can do navigation as you want. ---
**Author:** ![Zolani\_Matebese](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/zolani_matebese/32/25288_2.png) [@Zolani\_Matebese](https://community.glideapps.com/u/Zolani_Matebese)\ **Post date:** [September 5, 2021, 8:44am UTC](https://community.glideapps.com/t/popup-or-modal/7984/36 "2021-09-05T08:44:50Z")
Thanks for the quick response. I was more looking for something that could be called on the opening of the app. ---
**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 5, 2021, 10:28am UTC](https://community.glideapps.com/t/popup-or-modal/7984/37 "2021-09-05T10:28:17Z")
You can’t do an action on the opening of an app. Actions have to be initiated by the user. ---
**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\ **Post date:** [September 5, 2021, 11:47am UTC](https://community.glideapps.com/t/popup-or-modal/7984/38 "2021-09-05T11:47:07Z")
You could do it based on elapsed time though. Each time the user dismisses the modal, you can reset a timer, and then use a visibility condition to show the modal again once the elapsed time since the last reset is greater than X. I’ve used this method to create a “nag” message. ---
**Author:** ![Zolani\_Matebese](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/zolani_matebese/32/25288_2.png) [@Zolani\_Matebese](https://community.glideapps.com/u/Zolani_Matebese)\ **Post date:** [September 5, 2021, 11:47am UTC](https://community.glideapps.com/t/popup-or-modal/7984/39 "2021-09-05T11:47:37Z")
Ok, thanks for clearing that up. [Previous page](https://community.glideapps.com/t/popup-or-modal/7984.md?page=1)