topic Re: Sheet background colour / color in App Development

Sheet background colour / color

stephenhasson — Wed, 28 Mar 2018 13:52:09 GMT

Hi,

In the 'Qlik Cloud Open' area of Qlik Cloud a number of example apps are provided which are very useful.

In some of these the sheet's background colour is non-white (show below), which makes the graphs/tables etc stand out and overall gives a much better look to the screen. I can't find any way to set the background colour of the sheet.

Is this not possible in my version (Qlik Cloud Business).

Thanks.

Re: Sheet background colour / color

YoussefBelloum — Wed, 28 Mar 2018 14:03:54 GMT

Hi,

you have 2 options here:

1. when you open the "hub" on your qlik cloud, on the right corner, you will see a "config" button, inside there is some parameters to change, like the background color of the sheet.

2. a very recent feature to build your own theme by barryharmsen (just follow the steps)

SenseTheme: A Visual Theme Builder for Qlik Sense

Re: Sheet background colour / color

stephenhasson — Wed, 28 Mar 2018 14:12:32 GMT

Thanks for your response. I found the correct button setting, so problem solved .

The 'create your own theme' link looks very interesting, but as I'm on Cloud I don't think this would work for me.

Thanks again,

Stephen

Re: Sheet background colour / color

YoussefBelloum — Wed, 28 Mar 2018 14:28:02 GMT

No problem, so what is that button finally ?

Re: Sheet background colour / color

stephenhasson — Wed, 28 Mar 2018 14:32:21 GMT

This is the one :

Re: Sheet background colour / color

YoussefBelloum — Wed, 28 Mar 2018 14:33:25 GMT

very good. never use it.

good luck

Re: Sheet background colour / color

syedmazhar — Fri, 19 Nov 2021 04:58:05 GMT

Add a multi KPI on your sheet and past the below code if you to change the background color of your sheet.

The below code will change the sheet color and also it will make MultiKPI object transparent.

.qv-panel-sheet {
background: linear-gradient(0deg, rgba(253,253,253,1) 0%, rgba(253,253,253,1) 0%);}

.qv-object-qlik-multi-kpi { display:none; }
.qv-mode-edit .qv-object-qlik-multi-kpi { display:flex; }

Use the below code if you want to change the filter color.

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