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