# How to add Little 3 dots on my app

**URL:** https://community.thunkable.com/t/how-to-add-little-3-dots-on-my-app/2904418
**Category:** Questions about Thunkable X
**Created:** [March 20, 2024, 6:34am UTC](https://community.thunkable.com/t/how-to-add-little-3-dots-on-my-app/2904418 "2024-03-20T06:34:16Z")
**Posts on this page:** 13
**Page:** 1

<div class="post-metadata">

### Author: ![ebisa777783or](https://avatars.discourse-cdn.com/v4/letter/e/3ec8ea/32.png) [@ebisa777783or](https://community.thunkable.com/u/ebisa777783or)
#### Post date: [March 20, 2024, 6:34am UTC](https://community.thunkable.com/t/how-to-add-little-3-dots-on-my-app/2904418/1 "2024-03-20T06:34:16Z")

</div>

Hey community is there any way to add 3 dots on top right? I know you’re thinking about drawer navigator but not. For example on by brosware ther is a 3 dots on top right to reload,back… How can I make it? look at this pic

 ![Screenshot_20240320-092327](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/1/f/1f072f954c29a8326aa966f3bb95a1df965ac3ee.png)

 ![Screenshot_20240320-092333](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/a/3ad32cd6c07ec6bfd3dd2793ddb2a63f1121dbdf.png)

---

<div class="post-metadata">

### Author: ![matt\_conroy](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/matt_conroy/32/150843_2.png) [@matt\_conroy](https://community.thunkable.com/u/matt_conroy)
#### Post date: [March 20, 2024, 3:15pm UTC](https://community.thunkable.com/t/how-to-add-little-3-dots-on-my-app/2904418/2 "2024-03-20T15:15:08Z")

</div>

That image itself, you can find at [Google Material Symbols and Icons](https://fonts.google.com/icons).

What you’re asking for is a pop up or modal. To do this in Thunkable is a bit of additional work but definitely doable.

Using the [Group](https://docs.thunkable.com/app-design/ui-components/basic-components/group) or [Layout](https://docs.thunkable.com/app-design/ui-components/basic-components/layout) component, you can set its visibility to true when the user clicks on the vertical elipses icon. You’d want to add a close icon in the modal itself so that a user can click on that to “close” the model (i.e. set its visibility back to false).

---

<div class="post-metadata">

### Author: ![ebisa777783or](https://avatars.discourse-cdn.com/v4/letter/e/3ec8ea/32.png) [@ebisa777783or](https://community.thunkable.com/u/ebisa777783or)
#### Post date: [March 20, 2024, 3:44pm UTC](https://community.thunkable.com/t/how-to-add-little-3-dots-on-my-app/2904418/3 "2024-03-20T15:44:17Z")

</div>

I am not really understand. Please send me se screanshot of the designer and block

---

<div class="post-metadata">

### Author: ![ebisa777783or](https://avatars.discourse-cdn.com/v4/letter/e/3ec8ea/32.png) [@ebisa777783or](https://community.thunkable.com/u/ebisa777783or)
#### Post date: [March 21, 2024, 6:41am UTC](https://community.thunkable.com/t/how-to-add-little-3-dots-on-my-app/2904418/4 "2024-03-21T06:41:53Z")

</div>

I am not understand.

---

<div class="post-metadata">

### Author: ![tthompson41231](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tthompson41231/32/161401_2.png) [@tthompson41231](https://community.thunkable.com/u/tthompson41231)
#### Post date: [March 21, 2024, 10:53am UTC](https://community.thunkable.com/t/how-to-add-little-3-dots-on-my-app/2904418/5 "2024-03-21T10:53:04Z")

</div>

Its a picture. Add it to your project and add blocks to reveal a hidden menu when the Icon is pressed.

![more_vert_FILL0_wght400_GRAD0_opsz24](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/e/2/e2d0210b771460065860792fbaef9dd022e6d897.png)

---

<div class="post-metadata">

### Author: ![ebisa777783or](https://avatars.discourse-cdn.com/v4/letter/e/3ec8ea/32.png) [@ebisa777783or](https://community.thunkable.com/u/ebisa777783or)
#### Post date: [March 21, 2024, 6:18pm UTC](https://community.thunkable.com/t/how-to-add-little-3-dots-on-my-app/2904418/6 "2024-03-21T18:18:33Z")

</div>

Of course but I said the screanshot of the block that @matt_conroy said

---

<div class="post-metadata">

### Author: ![matt\_conroy](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/matt_conroy/32/150843_2.png) [@matt\_conroy](https://community.thunkable.com/u/matt_conroy)
#### Post date: [March 21, 2024, 6:40pm UTC](https://community.thunkable.com/t/how-to-add-little-3-dots-on-my-app/2904418/7 "2024-03-21T18:40:12Z")

</div>

You’re just toggling the visibility of the modal and its background on the button clicks.  
 ![Screenshot 2024-03-21 at 2.39.41 PM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/8/780ce1014ca827237598607ae6c961c7b05d9e1b.png)

---

<div class="post-metadata">

### Author: ![ebisa777783or](https://avatars.discourse-cdn.com/v4/letter/e/3ec8ea/32.png) [@ebisa777783or](https://community.thunkable.com/u/ebisa777783or)
#### Post date: [March 21, 2024, 7:51pm UTC](https://community.thunkable.com/t/how-to-add-little-3-dots-on-my-app/2904418/8 "2024-03-21T19:51:10Z")

</div>

What is the text imput?

---

<div class="post-metadata">

### Author: ![ebisa777783or](https://avatars.discourse-cdn.com/v4/letter/e/3ec8ea/32.png) [@ebisa777783or](https://community.thunkable.com/u/ebisa777783or)
#### Post date: [March 21, 2024, 7:51pm UTC](https://community.thunkable.com/t/how-to-add-little-3-dots-on-my-app/2904418/9 "2024-03-21T19:51:52Z")

</div>

Give me the design too

---

<div class="post-metadata">

### Author: ![ebisa777783or](https://avatars.discourse-cdn.com/v4/letter/e/3ec8ea/32.png) [@ebisa777783or](https://community.thunkable.com/u/ebisa777783or)
#### Post date: [March 26, 2024, 8:06am UTC](https://community.thunkable.com/t/how-to-add-little-3-dots-on-my-app/2904418/10 "2024-03-26T08:06:21Z")

</div>

Ok now I understood. The block is, when 3dots click set button 1 visible to true  
When other place or close button clicked set button 1 visible to false is that right?

---

<div class="post-metadata">

### Author: ![matt\_conroy](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/matt_conroy/32/150843_2.png) [@matt\_conroy](https://community.thunkable.com/u/matt_conroy)
#### Post date: [March 26, 2024, 1:20pm UTC](https://community.thunkable.com/t/how-to-add-little-3-dots-on-my-app/2904418/11 "2024-03-26T13:20:46Z")

</div>

Yep, exactly! This mimics “toggling” the visibility of the modal when you click the vertical elipses.

---

<div class="post-metadata">

### Author: ![ebisa777783or](https://avatars.discourse-cdn.com/v4/letter/e/3ec8ea/32.png) [@ebisa777783or](https://community.thunkable.com/u/ebisa777783or)
#### Post date: [March 27, 2024, 7:46am UTC](https://community.thunkable.com/t/how-to-add-little-3-dots-on-my-app/2904418/12 "2024-03-27T07:46:40Z")

</div>

So on my mini app, I will do the 3 dots like this, and the x button will be navigate to home.

---

<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: [June 25, 2024, 7:47am UTC](https://community.thunkable.com/t/how-to-add-little-3-dots-on-my-app/2904418/13 "2024-06-25T07:47:01Z")

</div>

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