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…

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 st…

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. Combi…

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

Hassan_Nadeem July 24, 2022, 7:36pm 6

Before you spend a lot of time on a complicated CSS, give this post a read.

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

Styling checkbox list

Related topics