Hi, is it possible to style items in an inline checkbox-list, depending on “checked” or “not checked”? I tried with an if-then-else column to style with HTML, but I can’t add an Rich Text to the list. Adding a Rich Text component (for testing), then the color is correct. Wim [2022-07-24_075906] [2022-07-24_075606]

I believe you can only style the checkbox itself, not the text that goes with it.

yes, use CSS selected child number in the template

Thanks for your reply, but can you explain it a little bit more please. I don’t know how much items there will be, so it’s difficult to set a “selected child number” the color depends on the status of the boolean (checked/unchecked), not on the position of the item.

Yes… that’s why, i suggest using a template column to create css code, you can replace child number based on if else column, that will check if is true… Generate a row number first… so you know which child to target

Before you spend a lot of time on a complicated CSS, give this post a read. [image] warning Unsupported HTML/CSS in the Rich Text component will completely break in the coming weeks Announcements Some advanced users use custom HTML/CSS inside the Rich Text component to style their apps. This has always been unsupported and discouraged: [CleanShot 2022-07-05 at 12.28.06@2x] In the coming weeks we’re rolling out significant changes to Glide’s architecture to make apps faster, and eventually more compatible with new features introduced in Glide Pages. This will completely break all custom HTML/CSS in the Rich Text components. If you rely on this, we strongly encourage you to stop using i…

It will take me 5 min to fixed lol

I crafted a quick app to dive into Uzo’s idea above. [image] [image] Basically, we do the things below: Craft out an index for each row, and add 1 to it so we can have the nth-index to use in CSS. Use an If-Then-Else - template column combo to generate a CSS snippet for each row. Combine them all in a joined list column, and add a tag to round it off. Feel free to copy it back here. Checkbox - Text Color Based on Check Value Concept

you can apply that technique to any list… [Screen Shot 2022-07-25 at 7.13.18 PM]

To Uzo and ThinhDinh : WOOOOWWW. :clap: Thanks both !! @ThinhDinh I’m trying to copy the Things table to my app, but for the index-column I need a URL for the experimental code. I searched this forum, but couldn’t find it.

you don’t need code’: [image] RowID is great. Could REALLY use Row Number Feature Requests RowID column Lookup to gather all rowIDs as an array Find Element Index column… Should I continue?) [image]

Styling checkbox list

Ask for Help

Uzo July 25, 2022, 6:17am 11

you don’t need code’:

Topic		Replies	Views
Checkbox CSS (not list) Ask for Help	3	166	April 2, 2024
Add CSS to rows of inline list based on condition Ask for Help	1	533	November 3, 2022
Conditional formatting of inline list text Ask for Help	8	988	December 31, 2022
Set visibility to Checklist Ask for Help	10	508	October 17, 2020
Changing color for only part of inline list element Ask for Help	4	296	November 16, 2022

Styling checkbox list

Related topics