🆕 Tabs Container and Tabs Components in Public Preview

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)
1 Like

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.

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.

1 Like

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.

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.

1 Like

I’m on Plan Maker :thinking:

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.

It’s a current Maker plan, not legacy :slight_smile:

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.

1 Like

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

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.

1 Like

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.

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.

2 Likes

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

2 Likes

Wouldn’t that use up actions pretty quickly?

1 Like

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.

3 Likes

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

1 Like

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.

3 Likes

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

1 Like
3 Likes