# \[Solved\]Query about top tab navigator

**URL:** https://community.thunkable.com/t/solved-query-about-top-tab-navigator/565178
**Category:** Questions about Thunkable X
**Created:** [May 9, 2020, 3:50pm UTC](https://community.thunkable.com/t/solved-query-about-top-tab-navigator/565178 "2020-05-09T15:50:03Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![tobi](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tobi/32/70526_2.png) [@tobi](https://community.thunkable.com/u/tobi)
#### Post date: [May 9, 2020, 3:50pm UTC](https://community.thunkable.com/t/solved-query-about-top-tab-navigator/565178/1 "2020-05-09T15:50:03Z")

</div>

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

Hey can i make something like this with top tab navigator.  
I want to navigate only text not the image.

Please reply,  
🙂 🙂

---

<div class="post-metadata">

### Author: ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)
#### Post date: [May 9, 2020, 4:15pm UTC](https://community.thunkable.com/t/solved-query-about-top-tab-navigator/565178/2 "2020-05-09T16:15:56Z")

</div>

You’d have to do something like this @tobi

> [@Changing properties of cloned components (DIY Advanced Listviewer)](http://community.thunkable.com/t/changing-properties-of-cloned-components-diy-advanced-listviewer/153213):
>
> We’re working hard to bring you the [Extended Listviewer](https://docs.thunkable.com/release-notes#coming-soon-to-thunkable) component to make developing your app even faster, but in the meantime here’s a DIY approach. By using the “Any Component” blocks in Thunkable, you are able to clone entire rows or columns of content. But what if you then want to change some of the components within the row or column? Design Usually you can leave the precise details of your design until the end, but in this case you need to know what components will be…

Does it have to have three rounded corners like that picutre?

(Nice design, by the way!)

---

<div class="post-metadata">

### Author: ![eoinparkinson](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eoinparkinson/32/143769_2.png) [@eoinparkinson](https://community.thunkable.com/u/eoinparkinson)
#### Post date: [May 9, 2020, 5:55pm UTC](https://community.thunkable.com/t/solved-query-about-top-tab-navigator/565178/3 "2020-05-09T17:55:38Z")

</div>

Hi @tobi,

Unfortunately you cannot nest the top tab navigator, but you can create your own very easily using buttons, rows and columns, which would function pretty much the same.

## (edit)

I decided I’d semi-recreate this template because it looked pretty cool.

Here’s the working project file: [Thunkable](https://x.thunkable.com/projects/5eb720d29daa28403c839aa7/0d68770e-cefd-46cb-b493-3c3382285a73/designer)

Blocks are commented. **To add to the tabs just drag the components in using the tree view** on the left of the screen because there are absolutely placed components that act really funky in the design viewer and won’t allow you to drag components onto the screen.

Live test it to see it in action 🙂

 ![iPhone Xs 5.8-inch Display (1125 x 2436) Screenshot 0](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/1/f/1f04388a40b18ad88d4b94961594ce2032c5fe64.jpeg) ![iPhone Xs 5.8-inch Display (1125 x 2436) Screenshot 1](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/4/640b9edc8ba56a861a8e961e2f5c3309e0aee750.jpeg) ![iPhone Xs 5.8-inch Display (1125 x 2436) Screenshot 2](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/1/b/1b55961026973ade571988f2e8d0d92bb7c06ec9.jpeg)

---

<div class="post-metadata">

### Author: ![tobi](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tobi/32/70526_2.png) [@tobi](https://community.thunkable.com/u/tobi)
#### Post date: [May 10, 2020, 3:05am UTC](https://community.thunkable.com/t/solved-query-about-top-tab-navigator/565178/4 "2020-05-10T03:05:35Z")

</div>

Thank you very much,  
It worked perfectly.

---

<div class="post-metadata">

### Author: ![tobi](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tobi/32/70526_2.png) [@tobi](https://community.thunkable.com/u/tobi)
#### Post date: [May 10, 2020, 3:07am UTC](https://community.thunkable.com/t/solved-query-about-top-tab-navigator/565178/5 "2020-05-10T03:07:51Z")

</div>

No, it’s not mandatory to have a three corners rounded picture.

Thanks for reply,

---

<div class="post-metadata">

### Author: ![eoinparkinson](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eoinparkinson/32/143769_2.png) [@eoinparkinson](https://community.thunkable.com/u/eoinparkinson)
#### Post date: [May 10, 2020, 9:53am UTC](https://community.thunkable.com/t/solved-query-about-top-tab-navigator/565178/6 "2020-05-10T09:53:37Z")

</div>

Awesome! Be sure to share your app in #SuccessfullyTHUNKd when you’re done.

---

<div class="post-metadata">

### Author: ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)
#### Post date: [November 8, 2024, 11:29am UTC](https://community.thunkable.com/t/solved-query-about-top-tab-navigator/565178/7 "2024-11-08T11:29:20Z")

</div>


