topic Re: Please help me change default selection colors. Nothing works! in App Development

Please help me change default selection colors. Nothing works!

JoelStransky — Fri, 17 Jan 2025 00:29:06 GMT

Why in all of creation does this not work at all!?
https://qlik.dev/extend/create-custom-themes/custom-themes-basic-examples/#example---app-selections

It should not be this hard to set a global default for selected, alternative, excluded etc. The code samples from the above link do nothing. I know I'm testing updated files because I can see title text change. I refuse to edit every single filterpane.
From a CSS angle, the selection appears to use the class .RowColumn-S which I can override by winning on specificity but it feels like a hack especially since the docs are clearly stating that I should be able to do this in theme.json.

Please clear this up for me.

Re: Please help me change default selection colors. Nothing works!

JandreKillianRIC — Fri, 17 Jan 2025 05:58:44 GMT

Hi @JoelStransky

Are you using Qlik on Prem or Saas?

For Saas (Cloud) on the filter pane - Go to styling

You can just copy the and paste the style on the other filter panes.

Regards - Jandre

Re: Please help me change default selection colors. Nothing works!

JoelStransky — Fri, 17 Jan 2025 17:15:07 GMT

Thanks for the reply @JandreKillianRIC
We're building on Qlik Sense Desktop but will be hosting on Enterprise.
The copy/paste is definitely better than manually but I really want to understand why I can't just do this in a theme.

Re: Please help me change default selection colors. Nothing works!

JandreKillianRIC — Fri, 17 Jan 2025 17:27:19 GMT

@JoelStransky

I should have sometime over the weekend and will check this out for you.

Re: Please help me change default selection colors. Nothing works!

JoelStransky — Fri, 17 Jan 2025 19:07:24 GMT

That's very kind. Here's the css I'm using for now that seems to be working but still feels like a hack.

--selected: 207, 23%, 25%; --selected-foreground: 0, 0%, 100%; .ListBoxInline-listboxWrapper { .RowColumn-S { background-color: hsl(var(--selected)); color: hsl(var(--selected-foreground)); } /** * The rest of the classes are: * .RowColumn-A (alternative) * .RowColumn-X (excluded) * .RowColumn-XS (selected excluded) * .RowColumn-Row (possible) */ }

Re: Please help me change default selection colors. Nothing works!

JandreKillianRIC — Mon, 20 Jan 2025 10:02:19 GMT

Hi @JoelStransky

First thing - Make sure you are on Version Nov 2024 Patch 3. I tested this with other versions and its not working.

Unzip this folder in

C:\Users\{user}\Documents\Qlik\Sense\Extensions\

It should look like this. (One Zip and one normal folder)

Content inside the normal folder

In Qliksense Desktop - Change the theme to the name specified in the Qext file. For this example it is:

You can change the colors in the json file.

Regards - Jandre