# Tabs/segmented control

**URL:** <https://community.glideapps.com/t/tabs-segmented-control/1609>\
**Category:** Feature Requests\
**Created:** [November 2, 2019, 1:38pm UTC](https://community.glideapps.com/t/tabs-segmented-control/1609 "2019-11-02T13:38:41Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![Sandro\_Brito](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sandro_brito/32/552_2.png) [@Sandro\_Brito](https://community.glideapps.com/u/Sandro_Brito)\
**Post date:** [November 2, 2019, 1:38pm UTC](https://community.glideapps.com/t/tabs-segmented-control/1609/1 "2019-11-02T13:38:41Z")

</div>

It would be great if we could have some kind of top tabs or segmented control where we could have multiple pages/views in one bottom nav tab.

Allowing to do stuff like this [https://cdn.dribbble.com/users/177405/screenshots/3052154/itson\_nav\_final\_and.png](https://cdn.dribbble.com/users/177405/screenshots/3052154/itson_nav_final_and.png)  
[https://dribbble.com/shots/6122962-Ski-App](https://dribbble.com/shots/6122962-Ski-App)  
[https://cdn.dribbble.com/users/6099/screenshots/1585931/d-2.png](https://cdn.dribbble.com/users/6099/screenshots/1585931/d-2.png)

---

<div class="post-metadata">

**Author:** ![david](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/david/32/62831_2.png) [@david](https://community.glideapps.com/u/david)\
**Post date:** [November 3, 2019, 6:58pm UTC](https://community.glideapps.com/t/tabs-segmented-control/1609/2 "2019-11-03T18:58:34Z")

</div>

Yes! I really want this too.

---

<div class="post-metadata">

**Author:** ![labirda](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/labirda/32/11295_2.png) [@labirda](https://community.glideapps.com/u/labirda)\
**Post date:** [September 10, 2020, 6:48pm UTC](https://community.glideapps.com/t/tabs-segmented-control/1609/3 "2020-09-10T18:48:26Z")

</div>

Me too!

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [September 10, 2020, 7:01pm UTC](https://community.glideapps.com/t/tabs-segmented-control/1609/4 "2020-09-10T19:01:12Z")

</div>

This is possible with a choice component and conditional visibility. Look at the image in this post to see what I mean.

> [@Grouped List Spacing](https://community.glideapps.com/t/grouped-list-spacing/14152):
>
> I think the spacing between groups in a list is fine, but that extra space is being applied to the first grouped item as well, which pushes the list down a little to far below the component above it. Can this be changed so the first grouping doesn’t have that extra space? Also for the future, maybe a few extra formatting options like font size and underline, or background color (like tags) would be nice for the group name.

---

<div class="post-metadata">

**Author:** ![labirda](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/labirda/32/11295_2.png) [@labirda](https://community.glideapps.com/u/labirda)\
**Post date:** [September 10, 2020, 7:18pm UTC](https://community.glideapps.com/t/tabs-segmented-control/1609/5 "2020-09-10T19:18:24Z")

</div>

@Jeff_Hager Yeah – I’ve been using that – but it would be great to have some style options and not needing to click “required” to not display the blank ( - ) if you are using it as a filter or to size amounts having it required doesn’t make sense

---

<div class="post-metadata">

**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 10, 2020, 10:27pm UTC](https://community.glideapps.com/t/tabs-segmented-control/1609/6 "2020-09-10T22:27:33Z")

</div>

How do you envision it to look like, may I ask?

---

<div class="post-metadata">

**Author:** ![Sandro\_Brito](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sandro_brito/32/552_2.png) [@Sandro\_Brito](https://community.glideapps.com/u/Sandro_Brito)\
**Post date:** [September 11, 2020, 7:50am UTC](https://community.glideapps.com/t/tabs-segmented-control/1609/7 "2020-09-11T07:50:11Z")

</div>

I thought you could have a default value now. Just making the default value your first tab should work.

For me the limitation is the amount of tabs. On the android style tabs, they’re scrollable. Our segmented control is more like Apple’s

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [September 11, 2020, 12:08pm UTC](https://community.glideapps.com/t/tabs-segmented-control/1609/8 "2020-09-11T12:08:23Z")

</div>

I don’t think you can set default outside of an add or form screen. In that case I usually set the content of the first segment choice to also display when no choice has been made. In my example, Bio is the first choice, but if no initial choice has been made yet by the user, I still show the same content that Bio would. Once a user selects something, it’s saved in a user specific column and will be selected the next time they come back to that view in the app.

---

<div class="post-metadata">

**Author:** ![labirda](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/labirda/32/11295_2.png) [@labirda](https://community.glideapps.com/u/labirda)\
**Post date:** [September 14, 2020, 4:31pm UTC](https://community.glideapps.com/t/tabs-segmented-control/1609/9 "2020-09-14T16:31:00Z")

</div>

@ThinhDinh For example

 ![Screen Shot 2020-09-14 at 12.29.56 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/6/6e39cae2e196b8d64d522b4a8b261b6b86569f6d.png)  
It would be great to have some options around how this looks – size and color – similar to what options we have for the button
