Where can I show Tab labels?

Hi, sorry, no way to find the option. I have tab icons, but no labels. Where can I activate them? Thanks! :cherry_blossom:
Note : they all have titles, not empty titles :wink: @Jeff_Hager
image

3 Likes

Bonjour,
SVP, clique sur “Solution” si ton problème est résolu !!!

Yes, Manu! But how now you show the full title in 2 lines?
I’ll have to change the menu title with gif anyway, so they no longer need to sync, but 2 lines of tab titles, how do you set that?
Merci :cherry_blossom:!
image

<pre><span><style>
.tbs-inner >button :nth-child(2) {
white-space: break-spaces;
}

.tbs-inner >button {
height: 59px;
}

The native inner part only supports that much height, so I had to add some.

Also, if you want to display it like this on all tabs, you must add it on all tabs and set them to details view.

2 Likes

Thks a lot. Looks like the former releases of Glide didn’t need that trouble? Cause I know at least 1 pers who would not at all put any CSS, just the defaults and not a single inline list.
What’s the best practice with all these ‘pre><span’ (I can’t write them properly, they don’t appear in my comment here) ? I saw for background color, image, hiding tabs and headers, hamburger, etc.
Do I add as many Rich Text component for each, or do I combine them all into 1 single pre>span etc’ ? I assume it’s the latter solution.

You can combine them together. I can’t remember about their 1.0 version, I have used so much CSS for a long time.

1 Like

OK. Is there 1 single doc with CSS Template (I mean all the parameters possible and in the proper order) ? Because it seems like I can find chunks of each code, but in case I need to combine, I know there can be tricky situations, if I can learn properly. My last CSS tiny experience dated back 2006 or so!
At least,
top menu : gif instead of title
hide hamburger (unless one fine day it really glides in and out smoothly)
background color (black)
background full screen image fixed / non-scrolling
hide tab & tab icons
opacity of tab icons (for other screens)
tab titles on 2 lines
reduce spacing inside buttons

How do I organize all this, if it’s possible?

What I do is create a bunch of templates in my user profiles table (css/....), and store them there.
Rather than combine them all into a single template, I prefer to keep them separated.
Then whenever I need one, I just drop a rich text component onto a details screen and choose the appropriate CSS template from my user profiles table…

This is what works for me. Others may do it differently. Everyone comes up with their own way to organise things :slight_smile:

2 Likes

Good to know. I’ll keep that in mind. Yes, I love to come up with very easy to maintain yet original way to optimize/find other ways.
Once I really get the “mindset” of Glide, I’ll be able to anticipate its “style of making things work”.
Thks, Darren :cherry_blossom:

1 Like

OMG : Does that mean if I create as many Rich Text components swith each code inside, that I can hide/when as I wish, with all the conditions Glide can let me ? Customized tab icons for every one? Gosh. So it’s all the more interesting to separate each code as “modules”. It’s more visible too in the UI. But does that generate a “clean code”. If ever one bad day the browser decides to “get angry” and not parse the code… Aïe.
Any latency in display?
I’ve got troubles with iOS users (but it was not CSS, and it was not about the size of images (9 k or even action icons, but the formula in a Template to switch between Visitor, Member, and Member without Name to display contextual text). The bug was that the computation of the screen was really slow.

Yes, you can conditionally hide rich text components.

I don’t have a full library of the possible params etc but me and @Lucas_Pires maintain a CSS library for Glide use cases here.

3 Likes

awesome job, guys :star_struck: it must have taken hours to compile all these, wow.
That gives a nice overview. That helps to prioritize, too.
I hope I’m be able to share or inspire sth one day. In a few months.
How long have you been “glidering”, you, @Lucas_Pires? (and anyone reading this comment). Full time, part-time?
Thks so much.

1 Like

I’ve been at it a little over a year, and more or less full time since the beginning of this year.

If you click on anyone’s forum avatar, it’ll show you when they joined the forum, which will give you a rough idea how long they’ve been “Gliding” :slight_smile:

3 Likes

More than 2 years for me.

2 Likes

Hey Ly-Mei, I met Glide more than 2 years ago, but I’m full time almost 2 years, since January 2020 when I decide to open my own agency to build apps :relaxed:

2 Likes

You call my name! And no mispelling! (yes it’s unusual, believe me) Wow thks, Lucas.
Well, looks like you met a very cool guy 2 y ago :sunglasses:.
I believe the success of a Product lays in the engagement of its Community.
So Powerful.
So Empowered.
I wonder what Value you get to help us newbies.
But you all sure bring valuable time.
This Community is Priceless.
Sorry if that sounds cheesy, but I have not known this experience for ages.
OK. End Cheese :grin:

3 Likes

I just read in your profile :grinning_face_with_smiling_eyes: I like to call people by their names

As a teacher’s child, and knowing that teaching/helping is like learning for the second time. The greatest value of being able to engage with an amazing community is that you always learn, just by reading. I have knowledge in some areas, even because I don’t come from the IT area, but many here, like me, can say the same thing that you learn a lot just by interacting here.

So I definitely believe that in addition to Glide being an amazing product, its community has helped it even more :heart:

4 Likes

Sometimes it’s just not us helping you, but fresh eyes on this platform can give us very interesting lessons as well on how to structure and design things. It’s obviously not a one way relationship and I’m here everyday because of it.

Also, this feels like a family.

4 Likes

I’m just here for the free beer :beers: :crazy_face:

4 Likes