CSS for hiding Tab's title and icon

Ask for Help
1

Hello everyone,

Another small request for CSS wizards.
I created a tab when opening the app that only displays for unsigned users. And I would like to hide the tab titles and icons at the bottom of the screen.

I found this text to hide the icons:https://community.glideapps.com/t/can-i-hide-tab-icon/23246/3?u=alexis_azoulai. But I would also like to hide the titles to remove the entire bottom banner.

Thanks in advance.

2

Instead of messing around with CSS, why not just set visibility conditions on the tabs?

3

I have already adjusted the visibility conditions but here it is the tabs at the bottom that I would like to remove …

4

Have you set visibility conditions on the components or the tab itself? You are able to hide the full tab icon (and label) based on visibility conditions on the tab.

1 Like
5

Can you attach a screen of what you have so far?

6

I have defined the criteria for the entire tab. I want to leave it accessible when launching the app for unsigned users, but remove the bottom navigation bar.

7

Sans titre
Sans titre396×572 29 KB

8

Do you want those two tabs to be visible for unsigned users or just one??

1 Like
9

If you hide both the title and the bottom bar then how do users proceed from there?

10

If it’s possible those two labs…

11

With a button

12

I have found the solution :


div[id*='tabBar'] {
display: none;
}