Skip to main content
Announcements
Have questions about Qlik Connect? Join us live on April 10th, at 11 AM ET: SIGN UP NOW
cancel
Showing results for 
Search instead for 
Did you mean: 
ankit777
Specialist
Specialist

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
ErikWetterberg

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

View solution in original post

6 Replies
lewisjackson_eq
Contributor II
Contributor II

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
Specialist
Specialist
Author

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" } ]

ErikWetterberg

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

ankit777
Specialist
Specialist
Author

This works perfect. Thank you!!

ankit777
Specialist
Specialist
Author

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

ErikWetterberg

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