šŸ†• Tabs Container and Tabs Components in Public Preview

Create new layouts with Tabs Container and Tabs Component

  • Show components based on the tab selected by the user
  • Create dynamic badges for each tab
  • Show other containers with the Tabs component

Please share feedback in this thread :thread:

As a reminder, Preview features should not be used in Production apps. Read more about Glide’s product release cycle in our Glide Doc.

Demo

Tabs Container

Tabs Component

18 Likes

This is awesome!! :folded_hands:

Really appreciate the focus on components like this lately.

4 Likes

ƀwesome! Great! Well done!

I’ve been waiting for this for so long!

Thank you so much for the implementation — it will be very useful for my projects.

2 Likes

Incredible feature that will enhance UIs!

1 Like

Love this! And agreed really loving the focus on some core components — they make a huge difference

2 Likes

The Tab component is perfect, rather in production.
But it would be great to be able to create Tabs from the table or from m.rel. or query. Often, customers ask to change the names of the Tabs and have to keep them in the table and pull them up in different columns to have a dynamic name of the Tabs. This will save a lot of time to create an environment for the dynamic names of the Tabs.
Otherwise, the component is beautiful!

Nice!!! My most wanted feature! :confetti_ball:

1 Like

You can use a column as the display name if that helps!

Dynamic number of tabs is a good suggestion

Do some magic and bring submenus in the navbar into the game @DJP :slight_smile:

1 Like

This is really great - my most wished-for feature! I can’t wait to delete all of those button blocks and screens that I’d been using to hack around…

As a stretch-goal, are there any plans to permit nested tab containers? Being able to put tabs in tabs would be incredible.

2 Likes

I mean, like in custom collection, where each tab is a row of table

Great work team!!

1 Like

Tabs Container

  1. What would be a use case for the separate Name and Display as fields?`

  2. Containers are useful for 2 unrelated reasons. For the user interface: container layout, width, background, padding. And for the developer’s experience: grouping components together to be able to move a section of the page/screen up or down quickly. So for these two reasons, on the screens I build a component lives inside a container and these make the tab container less attractive (despite its UI appeal).
    Any chance you might then introduce component grouping, a group that can be collapsed and move up and down the page?

Tabs Component

Is the idea here that regardless of the data source of the screen, we select a column in the users table for the tabs component? This is a nice and easy setup.

You kind of can already. That’s why there’s 2 separate components. One that’s standalone component and one that’s a container. Using the standalone components, you can control the view of other containers or components. It’s not a nested container per-se (which could be useful), but it gives the impression that it is. I’m glad Glide gave us the flexibility with two components. In my screenshot below, I’m using two standalone tab components to control the visibility of other components or containers on the screen.

My above screenshot is a use case. ā€˜Singles’ needs to write ā€˜Singles, Freestyle’ to the table, so my collection can pick up newer ā€˜Singles’ records as well as older ā€˜Freestyle’ records to remain backwards compatible.

7 Likes

This is so great! What a great year for Gliders!

3 Likes

Should probably be rewritten to…Value and Display as

Loving the Tabs Component especially with Custom Collection.

Here’s a simple application on a User Profile screen.


Glide is on :fire:

3 Likes

Nice. Now I have an alternative to using choice components with some custom CSS to make them look like tabs :wink:

1 Like

So happy to see this feature. Great work!
But… it seems to have been designed with mobile in mind. The styling is quite, um, underwhelming on desktop. It’a little anemic compared with the buttons it would replace for many of us implementing pseudo tab structure now.


I would say this is more useful to me on Tabs, not Tab Containers. Tabs would write the ā€œNameā€ to a field I choose, and I can use that field to establish relations that directly power what I display in each tab.

In many cases, I use rowIDs/numbers to establish said relations, that’s where it comes in useful. I would love the ability to do the same thing on Tab Containers.

1 Like