# Pop up on a data viewer

**URL:** <https://community.thunkable.com/t/pop-up-on-a-data-viewer/1861840>\
**Category:** Questions about Thunkable X\
**Created:** [May 4, 2022, 3:44pm UTC](https://community.thunkable.com/t/pop-up-on-a-data-viewer/1861840 "2022-05-04T15:44:36Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![zander](https://avatars.discourse-cdn.com/v4/letter/z/ecb155/32.png) [@zander](https://community.thunkable.com/u/zander)\
**Post date:** [May 4, 2022, 3:44pm UTC](https://community.thunkable.com/t/pop-up-on-a-data-viewer/1861840/1 "2022-05-04T15:44:36Z")

</div>

Hello Thunkable Community!

I am trying to re create the dots that most apps have when you click on them it opens a menu of actions. However the catch is I want to be able to do it on a data viewer. At this point its not what pops up (I can customize later) but just that I can do that.

Something like this:

 ![Screenshot_20220504-084159_Instagram](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/d/b/db53ff46a12a5046d76ccb201c4152b3e00f7d24.jpeg)

Then when you click it, it does something like this

 ![Screenshot_20220504-084211_Instagram](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/8/3/83ff8b362dd25f9124b5e222201ea16919bf5242.jpeg)

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [May 4, 2022, 3:47pm UTC](https://community.thunkable.com/t/pop-up-on-a-data-viewer/1861840/2 "2022-05-04T15:47:35Z")

</div>

What UI platform are you currently using?  
StP or DnD?

It is possible in both but the way to do it is different in each UI.

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [May 4, 2022, 3:52pm UTC](https://community.thunkable.com/t/pop-up-on-a-data-viewer/1861840/3 "2022-05-04T15:52:08Z")

</div>

> [@zander](#):
>
> However the catch is I want to be able to do it on a data viewer.

Can you explain what you mean by this? Do you want the 3 dots menu to appear next to each item in the Data Viewer List (DVL)?

---

<div class="post-metadata">

**Author:** ![zander](https://avatars.discourse-cdn.com/v4/letter/z/ecb155/32.png) [@zander](https://community.thunkable.com/u/zander)\
**Post date:** [May 4, 2022, 3:59pm UTC](https://community.thunkable.com/t/pop-up-on-a-data-viewer/1861840/4 "2022-05-04T15:59:14Z")

</div>

Im using the DnD, but right now you can only use SnP for Data viewers

---

<div class="post-metadata">

**Author:** ![zander](https://avatars.discourse-cdn.com/v4/letter/z/ecb155/32.png) [@zander](https://community.thunkable.com/u/zander)\
**Post date:** [May 4, 2022, 3:59pm UTC](https://community.thunkable.com/t/pop-up-on-a-data-viewer/1861840/5 "2022-05-04T15:59:52Z")

</div>

It want it to be apart of the Data viewer, so thay when i click on the dots, it opens a menu of some kind where more actions can take place.

---

<div class="post-metadata">

**Author:** ![zander](https://avatars.discourse-cdn.com/v4/letter/z/ecb155/32.png) [@zander](https://community.thunkable.com/u/zander)\
**Post date:** [June 14, 2022, 6:35pm UTC](https://community.thunkable.com/t/pop-up-on-a-data-viewer/1861840/6 "2022-06-14T18:35:57Z")

</div>

Hey Muneer i am using DnD, how would you go about doing it?

---

<div class="post-metadata">

**Author:** ![zander](https://avatars.discourse-cdn.com/v4/letter/z/ecb155/32.png) [@zander](https://community.thunkable.com/u/zander)\
**Post date:** [June 19, 2022, 11:24pm UTC](https://community.thunkable.com/t/pop-up-on-a-data-viewer/1861840/7 "2022-06-19T23:24:16Z")

</div>

For those that are looking for a solution. I think I figured a possible solution.

What you do is place a data viewer on a screen then place a group on top so that it looks like this.  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/9/09039b8b006209676cb9400abe3a09d6996279d7.png)

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/a/2/a22479206343dea65b1e213c526bf175d8670357.png)

Then you make the group that contains the pop up invisible, and then make the blocks look similar to this. The below allows you click the ellipses it makes the group visible, I made the background of the screen darker so that it increases the contrast between the group and the data viewer.

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/a/0adc92bb617f2b975dfbd85ea533cd663fc837f6.png)

Thus being able to toggle the “pop up” on and off

 ![Screenshot_20220619-143348_Thunkable](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/d/0de9b77d9175b67643707b2de99298895a855176.jpeg) ![Screenshot_20220619-143352_Thunkable](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/d/7d183f9b7c80c9b3eb587aa1add03110c2f11c0d.jpeg)

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/f/0f59f292712368bce16ff80133ae10de8a6f27e8.png) [@system](https://community.thunkable.com/u/system)\
**Post date:** [September 17, 2022, 11:24pm UTC](https://community.thunkable.com/t/pop-up-on-a-data-viewer/1861840/8 "2022-09-17T23:24:47Z")

</div>

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.
