🆕 Tabs Container and Tabs Components in Public Preview

[Pinipy]

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

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

[DJP]

Thanks for the report!

[MattLB]

@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……

[ThinhDinh]

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.

[MattLB]

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

[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?

[Darren_Murphy]

@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

[MattLB]

Trying to build a desktop version

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.

[ThinhDinh]

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

[MattLB]

Assume you mean this in visibility? TIA

[Darren_Murphy]

Oh, right.

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

[Vitor_Guimaraes]

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

Amazing feature btw

[Muhiadin_Mowlid]

Thank you so much for adding this

[misgur]

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.

[ThinhDinh]

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.