Hi all, I’ve been starting to look into CSS usage in Glide and how we can better serve you. I would love if y’all could help me with this task by doing a few things. Give me a description of what you are using CSS for. Give me some before and after screenshots of what your CSS does. If it add…

Hi, a nice CSS trick thanks to @ThinhDinh to submit an Edit screen even if required choice components are not selected. Use case: in an Edit screen, wish to display many choice components in bar for UX matters (instead of dropdown menu), but with 5 items. → This implies to make the choice compone…

Sir can you please provide me the css of the 1st one please please please

Has anybody figured out how to apply CSS to a specific button type (solid, transparent, border only) without using the class name (ex: .ijHjak)? My buttons also have visibility so it appears nth-type(#) changes based on which buttons are visible to the user as one person might have 8 buttons and an…

[image] Joe_Gabriele: My buttons also have visibility so it appears nth-type(#) changes based on which buttons are visible to the user as one person might have 8 buttons and another might see 10. Yes, this is a key point anyone should take into account every time you use a position-specific C…

I guess I’ll have to wait until Glide implements button specific classes. There is [data-test=“app-button-view”], but that effects all button types and not a specific type of button. @Jason Maybe we can do like [data-test=“app-solid-button-view”], etc for each button type? Could be a good item for …

For this problem I made this request [image] Manu.n: Finally The Most Important (for me): As now we can name the components, is it possible to have class or id names in relation to the names. it would then be easy to identify.

That makes A LOT of sense! So in theory, if you rename the Button 1 component “Hello”, it would get a class name of like “button-hello”, which you can then use with CSS to target that specific button.

i haven’t used CSS yet because it seems complicated. maybe a general explanatory video would help, i haven’t found any on YouTube in English…

Why is it that sometimes, and with some CSS, the components in the editor look different in the real app? Some times the position of the component is different than in the real app.

My guess would be that it is browser-specific behaviour. CSS is a black art (at least to me), and getting it to play nicely with all browsers can sometimes feel like an endless game of whack-a-mole.

Tell Glide how you use CSS

General

Manu.n August 6, 2021, 12:07pm 72

For this problem I made this request

Moving choice components onto the same line

Topic		Replies	Views
Beautiful Design App Project Showcase	818	36996	November 16, 2021
CSS for hiding stuff! Community Resources tutorial	89	8644	March 6, 2024
⚠️ Unsupported HTML/CSS in the Rich Text component will completely break in the coming weeks General	132	6431	September 6, 2022
Floating Form Button Feature Requests	122	7344	February 9, 2021
Pages Missing Components Feature Requests	96	3149	August 20, 2023

Tell Glide how you use CSS

Related topics