# 🆕 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:** 17\
**Page:** 4

<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 6, 2025, 3:22pm UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/64 "2025-07-06T15:22:07Z")

</div>

Thought I’d let you know that in the editor and IOS tabs show full width (awesome!)

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/a/4/a4d5c8f14e141e4700e2a2eed3fa120b9028e0d6.png)

BUUUT on android they show all yucky and off to the left

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/c/b/cb73f3a9613d00dd8cbf9e651a35a766df26ba51.jpeg)

---

<div class="post-metadata">

**Author:** ![DJP](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/djp/32/62545_2.png) [@DJP](https://community.glideapps.com/u/DJP)\
**Post date:** [July 7, 2025, 7:37pm UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/65 "2025-07-07T19:37:41Z")

</div>

Thanks for the report!

---

<div class="post-metadata">

**Author:** ![MattLB](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mattlb/32/41284_2.png) [@MattLB](https://community.glideapps.com/u/MattLB)\
**Post date:** [August 1, 2025, 7:05pm UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/66 "2025-08-01T19:05:48Z")

</div>

> [@Andrew\_Davies](#):
>
> Still struggling to set a default tab for a Tabs container?

Did you figure this out? I used the TAB component but am moving to TAB containers and this is a UI issue. I assumed Glide handles concurrency between users so every user sees their own Tab state not one big shared ‘Tab’ but switching users in the builder seems to show the same ‘Tab’ state for all users. And I would assume the first TAB is the default Tab but it is more like the TAB state is based on the last user to view that TAB.

Not sure if this is expected behavior or……

---

<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:** [August 2, 2025, 12:08am UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/67 "2025-08-02T00:08:42Z")

</div>

There’s no fix for that at the moment because the problem is you can not set a “current tab” value somewhere. Hope this becomes a feature.

> [@MattLB](#):
>
> I assumed Glide handles concurrency between users so every user sees their own Tab state not one big shared ‘Tab’ but switching users in the builder seems to show the same ‘Tab’ state for all users. And I would assume the first TAB is the default Tab but it is more like the TAB state is based on the last user to view that TAB.

I wouldn’t worry unless it’s the same behavior in production, though I understand it’s harder to test that way.

---

<div class="post-metadata">

**Author:** ![MattLB](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mattlb/32/41284_2.png) [@MattLB](https://community.glideapps.com/u/MattLB)\
**Post date:** [August 2, 2025, 12:17am UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/68 "2025-08-02T00:17:43Z")

</div>

TAB container follow-on. I don’t see a CSS class for the sub-containers within a TAB container.

Is this coming?

The use case is @Darren_Murphy methodology for mobile/desktop display except this doesn’t work within a TAB container. In this case if the screen size is “mobile” I want to show a specific AI component.

Thanks @ThinhDinh

---

<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:** [August 2, 2025, 1:59am UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/69 "2025-08-02T01:59:58Z")

</div>

> [@MattLB](#):
>
> The use case is @Darren_Murphy methodology for mobile/desktop display except this doesn’t work within a TAB container.

I’m not sure what you’re referring to here. Can’t you just do this?

 ![CleanShot 2025-08-02 at 08.59.29](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/a/f/afdb88f49c063f95d2929f08eaf375d3a7d31cf2.png)

---

<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:** [August 2, 2025, 2:28am UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/70 "2025-08-02T02:28:48Z")

</div>

> [@ThinhDinh](#):
>
> > [@MattLB](#):
> >
> > The use case is @Darren_Murphy methodology for mobile/desktop display except this doesn’t work within a TAB container.
> 
> I’m not sure what you’re referring to here. Can’t you just do this?

Same. I have no idea what is being referred to either 🤷‍♂️

---

<div class="post-metadata">

**Author:** ![MattLB](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mattlb/32/41284_2.png) [@MattLB](https://community.glideapps.com/u/MattLB)\
**Post date:** [August 2, 2025, 1:42pm UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/71 "2025-08-02T13:42:25Z")

</div>

> [@Trying to build a desktop version](https://community.glideapps.com/t/trying-to-build-a-desktop-version/79748):
>
> When I started on this journey a month ago, I wanted desperately to get my field team a better user experience. I accomplished that. They are loving the maps function and ease of use of the mobile app. I was under the impression I could build a decent desktop app here as well and I’m just not seeing that as a viable option yet. I have so many questions because right now, all I see is a big blown up version of my mobile app on my large screen with a lot of dead space and funky alignments based o…

This is how you described desktop vs mobile technique using css which I have found very useful. Sorry for being out of context.

---

<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:** [August 2, 2025, 2:02pm UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/72 "2025-08-02T14:02:20Z")

</div>

You should use the Screen Size variable now, it became available after the “workaround” I believe.

---

<div class="post-metadata">

**Author:** ![MattLB](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mattlb/32/41284_2.png) [@MattLB](https://community.glideapps.com/u/MattLB)\
**Post date:** [August 2, 2025, 2:11pm UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/73 "2025-08-02T14:11:23Z")

</div>

Assume you mean this in visibility? TIA

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/c/e/ce60ccd4937ecec915a6d7d9e31f15b436965ad5.png)

---

<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:** [August 2, 2025, 4:04pm UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/74 "2025-08-02T16:04:13Z")

</div>

Oh, right.

Yeah, no need for CSS anymore. Do what @ThinhDinh said.

---

<div class="post-metadata">

**Author:** ![Vitor\_Guimaraes](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/vitor_guimaraes/32/39703_2.png) [@Vitor\_Guimaraes](https://community.glideapps.com/u/Vitor_Guimaraes)\
**Post date:** [September 15, 2025, 5:08pm UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/75 "2025-09-15T17:08:21Z")

</div>

I don’t know if this was addressed already but one of the tabs should be opened by default.

Amazing feature btw 😀

---

<div class="post-metadata">

**Author:** ![Muhiadin\_Mowlid](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/muhiadin_mowlid/32/89692_2.png) [@Muhiadin\_Mowlid](https://community.glideapps.com/u/Muhiadin_Mowlid)\
**Post date:** [September 16, 2025, 3:30am UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/76 "2025-09-16T03:30:10Z")

</div>

Thank you so much for adding this

---

<div class="post-metadata">

**Author:** ![misgur](https://avatars.discourse-cdn.com/v4/letter/m/49beb7/32.png) [@misgur](https://community.glideapps.com/u/misgur)\
**Post date:** [October 17, 2025, 7:39pm UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/77 "2025-10-17T19:39:35Z")

</div>

These work perfectly for us; however, there’s no default tab configuration and it’s causing UX confusion.

We migrated our app from Softr and we lost this feature.

We map the active tab to User/ActiveTab and if you’re within a project, the tab syntax is project\_tab.1, project\_tab.2, etc. If you switch to contacts it’s contact\_tab.1, contact\_tab.2, etc.

So right now, when you go into a new page, there are no tabs defaulting to active. We’re looking to say if none are active, default to the first tab.

---

<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:** [October 18, 2025, 12:57am UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/78 "2025-10-18T00:57:28Z")

</div>

Agree, that would be a great feature.

The workaround if you’re not on the top level is add a set column values action to the navigation and set the default value to the ActiveTab field.

---

<div class="post-metadata">

**Author:** ![c0bbler](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/c0bbler/32/68741_2.png) [@c0bbler](https://community.glideapps.com/u/c0bbler)\
**Post date:** [January 30, 2026, 12:29am UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/79 "2026-01-30T00:29:28Z")

</div>

I do a funny thing in my onboarding flow called “Initialize App” (and also have a “restore defaults”) button, where the user clicks this button and workflow runs to set 20+ columns to their defaults. I don’t like that I have to do that, but for some users it makes it seem like they are personalizing the application for their usage.

---

<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:** [January 30, 2026, 12:33am UTC](https://community.glideapps.com/t/tabs-container-and-tabs-components-in-public-preview/81864/80 "2026-01-30T00:33:52Z")

</div>

A little smokes and mirrors always helps 😉

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