Hello again, i have a select in the backend where the user chooses the depth of a list. level: label: Level type: select options: green: Main orange: Sublevel For clarity, i want to change the background color of the .k-bubble clas…

Sorry, i want to give these a color. [Screenshot 2023-05-04 at 17.46.25]

would love to do this too. any ideas where to start @texnixe ? :pray:t2: :sparkles:

Maybe you can provide more context than @bnsn ? Is that a structure field, a blocks field, anything else? Where is the select?

thanks for getting back to me so quickly. sure! :smiling_face: i am using a select field with multiple hard-coded options in a page blueprint directly and it’s being displayed in a pages section with table layout. i would like to change the background color for each item in the table based on it’s …

Hm, ok, you probably need a new preview type, but unfortunately, I cannot help with this.

okido, thank you! do you maybe know anyone on here who does? :upside_down_face: :sparkles:

You can extend the native select field preview. This simple plugin adds a data-value to the <li>. Disclaimer: even though I made sure to extend as little as possible, it’s still something that could break in a future Kirby update. panel.plugin('my/structure-preview', { components: { 'k-selec…

yay, thank you so much @thguenther ! will try this out immediately :smiling_face_with_three_hearts: :pray:t2:

works like a charm @thguenther . may i ask how you got there? because i actually need to do the same for select and multiselect previews. and also adapt it to kirby v4 . i cant find much about your solution in the plugin docs. also it seems like the solution only works for the preview of structure f…

Change the color of a column in the backend based on a select

The CMS Questions

texnixe May 4, 2023, 12:13pm 2

I must admit that I don’t understand what you are trying to achieve. What columns? What is the context here?

Topic		Replies	Views
Style select field query text in blueprint Questions v3	11	774	December 2, 2022
Color field preview in structure Questions v3	2	654	February 21, 2020
Custom Field Preview Plugin stopped working after Kirby upgrade (3.8) Questions v3	1	348	December 1, 2022
K-panel styling in custom vue.js (custom plugin) Questions v5	4	109	July 30, 2025
Show background color of layout field in panel Questions v3	0	297	July 31, 2023

Change the color of a column in the backend based on a select

Related topics