Qlik Community

Qlik Sense Integration, Extensions, & APIs

Discussion board where members can learn more about Integration, Extensions and API’s for Qlik Sense.

ankit777
Valued Contributor

Custom Themes: Sheet Background

Hi All

I am trying to create a custom theme by creating my own json theme. Can we change sheet background color using this?

Please help!

Thanks

1 Solution

Accepted Solutions
erik_wetterberg
Valued Contributor III

Re: Custom Themes: Sheet Background

Hi,

What happens? Any errors in the console? Does it load your css file?

Possibly a simplified css rule would work (and note the dot before the css class name):

.qvt-sheet {

  background-color: #F2F2F2;

  color: #595959;

}

Hope this helps (and please let us know if it does..)

Erik Wetterberg

Erik Wetterberg
https://extendingqlik.upper88.com/
6 Replies
lewisjackson_eq
New Contributor II

Re: Custom Themes: Sheet Background

in your css file, add the following:

.qv-client.qv-card #qv-stage-container .qvt-sheet {

  background-color: #F2F2F2;

  color: #595959;

}

Change the colors as you want.

ankit777
Valued Contributor

Re: Custom Themes: Sheet Background

Thanks for the response Lewis. How can I call this css in my code?

I have put the below piece of code in JSON script and saved css as theme.css. But it does not work.


"customStyles": [ { "cssRef": "theme.css", "classRef": "my-theme" } ]

erik_wetterberg
Valued Contributor III

Re: Custom Themes: Sheet Background

Hi,

What happens? Any errors in the console? Does it load your css file?

Possibly a simplified css rule would work (and note the dot before the css class name):

.qvt-sheet {

  background-color: #F2F2F2;

  color: #595959;

}

Hope this helps (and please let us know if it does..)

Erik Wetterberg

Erik Wetterberg
https://extendingqlik.upper88.com/
ankit777
Valued Contributor

Re: Custom Themes: Sheet Background

This works perfect. Thank you!!

ankit777
Valued Contributor

Re: Custom Themes: Sheet Background

Do you have any link or documentation that will help me explore more properties in the CSS file? It will be really helpful.

erik_wetterberg
Valued Contributor III

Re: Custom Themes: Sheet Background

Glad it helped!

Probably the problem with the original CSS rule was the 'qv-card' class. It belongs to the 'Focused' theme and will be added if you used that theme.

Erik Wetterberg

Erik Wetterberg
https://extendingqlik.upper88.com/
Community Browser