[Grid] Change checkbox color from selectionMode

[LiaH]

Hello,

Is it possible to change a checkbox color from selectionMode config?

I'm aware that there is a config option for the CheckColumn that can be used with checkCls, but it doesn't change the color of the checkbox in the header which allows to select all rows in the grid.

Thanks in advance,
Lia
(working with the Salesforce Theme)

[alex.l]

Hi Lia,

Doesn't this that you need here? https://bryntum.com/products/grid/docs/api/Grid/column/CheckColumn#config-cls

CSS class added to the header of this column

[LiaH]

Thanks Alex, that didn't work for me. The checkbox in the header didn't change.
FYI: Doing this from the column config introduces a breaking change for us.

checkbox color in grid.png (728.81 KiB) Viewed 216 times

[alex.l]

Hi,
Did you inspect DOM and check if class applied?
It will be applies to header cell, not to combo widget itself. So, all you need is to tune CSS rules a bit according to actual DOM structure.

Please, check that. I see all applied to header and b-checkbox is a child element, so your rule for header might be like:

.b-blue > .b.checkbox {
    // your style
} 

Please let us know if you figured out.

[LiaH]

Yes, figured it out.
Thank you for taking the time to help.