topic Re: Custom Themes: Sheet Background in Integration, Extension & APIs

Custom Themes: Sheet Background

ankit777 — Mon, 26 Feb 2018 07:08:23 GMT

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

lewisjackson_eq — Mon, 26 Feb 2018 11:38:01 GMT

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 — Tue, 27 Feb 2018 04:29:38 GMT

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 — Tue, 27 Feb 2018 07:48:03 GMT

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 — Tue, 27 Feb 2018 08:27:58 GMT

This works perfect. Thank you!!

ankit777 — Tue, 27 Feb 2018 08:41:00 GMT

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

ErikWetterberg — Tue, 27 Feb 2018 08:43:06 GMT

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