Custom color changes in list box selection

[manmadha]

Hi Experts,

I need your help to changes list box parameter selection custom color change (the default color is Green).

kindly help me on that.

[EliGohar]

Hi,

Can you please attach a screenshot as an example? what exactly do you want to change?

Eli.

[manmadha]

default application color is Green. I want change some other color.

[EliGohar]

You'll need to use a custom theme to apply CSS changes:

https://help.qlik.com/en-US/sense-developer/February2022/Subsystems/Extensions/Content/Sense_Extensi...

For this specific change, you can use this CSS:

.qv-listbox .serverLocked, .qv-listbox .serverSelected, .qv-listbox li.selected {
    background-color: navy;
    border-bottom: 1px solid navy;
    color: #fff;
}

[AJerbi]

Hi @EliGohar  ! 

Any idea on how to change the selection color from green to another within a table? (Also using CSS code, since I'm working on a custom theme)

Thanks.

[EliGohar]

Hi @AJerbi 

Do you mean this selection? (see highlighted in red)

If so, this is the CSS you need - in the example below I changed the color to blue (background-color and border-bottom):

.qv-st-data-cell.qv-st-data-cell-selected-highlighted {
    background-color: blue;
    border-bottom: 1px solid blue;
    color: #fff;
}

Result:

[AJerbi]

Hi @EliGohar , 

Thank you for your reply, that's exactly what i wanted , the only issue is that multiple selections aren't taken in consideration, only the color of the first selected value changed as you can see in the screensot below. Any idea on how to fix that ? 

[EliGohar]

@AJerbi You're right, please add the following element:

.qv-st-data-cell.qv-st-data-cell-selected {
    background-color: blue;
    border-bottom: 1px solid blue;
    color: #fff;
}

Eli.

[AJerbi]

@EliGohar It works perfectly, thank you for your kind support 🙂

[ester_pr]

Hi @EliGohar ,

I would appreciate it if you could help me, how do I write the excluded colors in the code, I have a black model and I want that the excluded data will also be in white and their background in dark gray

thank you,

Ester