# 🆕 Tabs Container and Tabs Components in Public Preview

**URL:** <https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864>\
**Category:** Announcements\
**Tags:** layout, components\
**Created:** [May 13, 2025, 9:01pm UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864 "2025-05-13T21:01:36Z")\
**Posts on this page:** 20\
**Page:** 3

<div class="post-metadata">

**Author:** ![Pinipy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pinipy/32/90426_2.png) [@Pinipy](https://community.glideapps.com/u/Pinipy)\
**Post date:** [June 16, 2025, 3:22am UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/44 "2025-06-16T03:22:31Z")

</div>

This feature is like waking up on Christmas day as a kid oh my lord.

I was wondering about the possibility of:

- Add custom images as icons
- Horizontal scrolling for mobile (currently with only a few tabs it cuts off all the text at full width or I have to use a hamburger menu)
- Custom css support (Added a class to it but no css is currently affecting tab containers for me)

---

<div class="post-metadata">

**Author:** ![Andrew\_Davies](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/andrew_davies/32/41838_2.png) [@Andrew\_Davies](https://community.glideapps.com/u/Andrew_Davies)\
**Post date:** [June 23, 2025, 8:55am UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/45 "2025-06-23T08:55:46Z")

</div>

Has anyone worked out a way of setting a default tab? Ie one that is selected by default when the page is first visited.

Easy to do with the tab component (I’ve got an If empty then which ever tab you want default column) but can’t do it with the tab container.

---

<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:** [June 23, 2025, 11:46am UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/46 "2025-06-23T11:46:35Z")

</div>

I assume you have this on a tab level? If you have any kind of navigation before that, you can set a default value if there isn’t a value already.

---

<div class="post-metadata">

**Author:** ![Chicotagada](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/chicotagada/32/89708_2.png) [@Chicotagada](https://community.glideapps.com/u/Chicotagada)\
**Post date:** [June 24, 2025, 8:22am UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/47 "2025-06-24T08:22:44Z")

</div>

Hello,

Do you know if the “tabs advanced” component consumes updates? Specifically when the user switches tabs and this change is saved to the database.

---

<div class="post-metadata">

**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:** [June 24, 2025, 9:01am UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/48 "2025-06-24T09:01:35Z")

</div>

I would say that depends on which plan you have. If you have a current plan, then no. But if you have any sort of legacy plan, then most likely yes.

---

<div class="post-metadata">

**Author:** ![Chicotagada](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/chicotagada/32/89708_2.png) [@Chicotagada](https://community.glideapps.com/u/Chicotagada)\
**Post date:** [June 24, 2025, 9:03am UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/49 "2025-06-24T09:03:21Z")

</div>

I’m on Plan Maker 🤔

---

<div class="post-metadata">

**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:** [June 24, 2025, 9:05am UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/50 "2025-06-24T09:05:47Z")

</div>

Is is a current Maker plan, or a Legacy Maker plan?  
With the builder open, look in the top left corner. It will tell you which plan you have.

---

<div class="post-metadata">

**Author:** ![Chicotagada](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/chicotagada/32/89708_2.png) [@Chicotagada](https://community.glideapps.com/u/Chicotagada)\
**Post date:** [June 24, 2025, 11:27am UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/51 "2025-06-24T11:27:19Z")

</div>

> [@Darren\_Murphy](#):
>
> a current Maker pla

It’s a current Maker plan, not legacy 🙂

---

<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:** [June 24, 2025, 12:35pm UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/52 "2025-06-24T12:35:03Z")

</div>

Then that should not trigger an update if you’re interacting with Glide Tables/Glide Big Tables.

If you’re interacting with a Google Sheets column, then yes.

---

<div class="post-metadata">

**Author:** ![Andrew\_Davies](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/andrew_davies/32/41838_2.png) [@Andrew\_Davies](https://community.glideapps.com/u/Andrew_Davies)\
**Post date:** [June 29, 2025, 11:19am UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/53 "2025-06-29T11:19:58Z")

</div>

Hi

Still struggling to set a default tab for a Tabs container? Particularly with anonymous / not signed in users.

Any more tips? Would ideally like the first tab to be automatically selected

---

<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:** [June 29, 2025, 11:58am UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/54 "2025-06-29T11:58:35Z")

</div>

Is it on a tab level or do you have any type of navigation before getting to that screen? If it’s the latter case, you can use a set column before showing the screen.

---

<div class="post-metadata">

**Author:** ![bram](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/bram/32/80788_2.png) [@bram](https://community.glideapps.com/u/bram)\
**Post date:** [June 29, 2025, 1:07pm UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/55 "2025-06-29T13:07:16Z")

</div>

Hey Jeff, just saw what you did with the tabs component and it seems like a great use case! Can you explain it a bit more in detail how you did that?

I am having a bit of trouble with understanding the tabs component, although the container seems very straightforward.

---

<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:** [June 29, 2025, 3:35pm UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/56 "2025-06-29T15:35:43Z")

</div>

> [@bram](#):
>
> Can you explain it a bit more in detail how you did that?

Not really much to it in regards to how I set up the tabs. The standalone tabs component is really just another type of choice component. When you select a tab (or make a choice), it writes that selection to a column in your table. All I’m doing is setting up visibility for other components on the screen based on that selected value in the table. Use the standalone tabs component like you would use a choice component.

---

<div class="post-metadata">

**Author:** ![Mazen](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mazen/32/84042_2.png) [@Mazen](https://community.glideapps.com/u/Mazen)\
**Post date:** [June 30, 2025, 12:19am UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/57 "2025-06-30T00:19:19Z")

</div>

Just a random Idea, how about u guys add a new style and make it the same as the choices component it’s so beautiful and I think I will be using a lot of it  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/d/7da311892a64999eaabdced6b66cc210322d81f2.png)

---

<div class="post-metadata">

**Author:** ![bram](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/bram/32/80788_2.png) [@bram](https://community.glideapps.com/u/bram)\
**Post date:** [June 30, 2025, 8:19pm UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/58 "2025-06-30T20:19:31Z")

</div>

Wouldn’t that use up actions pretty quickly?

---

<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:** [June 30, 2025, 9:02pm UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/59 "2025-06-30T21:02:43Z")

</div>

> [@bram](#):
>
> use up actions

It would only use updates if you have a legacy plan or you are using external data sources. Current plans that use Glide Tables do not incur updates for data changes in those tables.

---

<div class="post-metadata">

**Author:** ![bram](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/bram/32/80788_2.png) [@bram](https://community.glideapps.com/u/bram)\
**Post date:** [July 1, 2025, 3:47pm UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/60 "2025-07-01T15:47:43Z")

</div>

Yeah, I have it connected to Google Sheets. Such a shame, tabs inside of tabs would make my app so much cleaner.

---

<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:** [July 1, 2025, 4:06pm UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/61 "2025-07-01T16:06:57Z")

</div>

Depending on your setup, there could be some roundabout ways to handle it. For example you could have a single row helper table that is a glide table, where you navigate to that screen and use it to handle your tabs in that glide table. If that screen needs to show values from a row in your google sheet, you could set a RowID in the helper table before navigating to the screen, and then use a relation/lookups to pull in those values. That’s kind of what I do with a custom Add/Edit form in one of my apps, so I know it works, but takes a little more setup.

---

<div class="post-metadata">

**Author:** ![Pinipy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pinipy/32/90426_2.png) [@Pinipy](https://community.glideapps.com/u/Pinipy)\
**Post date:** [July 4, 2025, 1:29pm UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/62 "2025-07-04T13:29:21Z")

</div>

Did the option to full width on mobile get removed? It doesn’t show for me anymore

---

<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:** [July 4, 2025, 2:03pm UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/63 "2025-07-04T14:03:41Z")

</div>

> [@Tabs component - full width on mobile switch inactive](https://community.glideapps.com/t/tabs-component-full-width-on-mobile-switch-inactive/82608):
>
> I cannot toggle the tabs component full width on mobile switch. Is anyone experiencing the same issue. I’ve used it many times before.

> [@Tabs Container](https://community.glideapps.com/t/tabs-container/82667):
>
> Tab container will not allow me to select “No” on Fill width on mobile. It did allow me but now it is not. Anyone else having this problem?

[Previous page](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864.md?page=2)

[Next page](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864.md?page=4)
