topic Re: CSS IN Qliksense in App Development

CSS IN Qliksense

khadar — Tue, 30 Nov 2021 14:02:04 GMT

Hi All,

Currenlty I am using 30 days trail version. I need some assistance on how to use CSS in qliksense for developing objects with different fonts and colors,

Re: CSS IN Qliksense

salonicdk28 — Tue, 30 Nov 2021 15:03:07 GMT

Try using Multi KPI under Qlik visualization Bundle, in appearance properties, there is styles wherein you can write your CSS to style objects

please refer the screenshot below of multi KPI for more clarity-

Thanks,

Saloni

Re: CSS IN Qliksense

khadar — Wed, 01 Dec 2021 03:27:05 GMT

Thanks for your suggestion Saloni. can you pls help me out how to apply CSS on individual object uisng object ID.

if you have any reference, would you please share me.

Re: CSS IN Qliksense

salonicdk28 — Wed, 01 Dec 2021 09:32:09 GMT

I tried to give the background color to filter pane like below-

div[tid="object ID"] .qv-collapsed-listbox {

background-color: #2266aa!important;

}

div[tid="object ID"] .qv-collapsed-listbox .title-wrapper {

color: #ffffff!important;

}

you can try in any objects

Thanks,

Saloni

Re: CSS IN Qliksense

khadar — Wed, 01 Dec 2021 10:32:30 GMT

Thanks Saloni for trying to for helping me. Currently I am using 30 days trail version. will CSS work in trail version.

I tried above jsut updating with my object id for filter plane. but no luck.

I have created Filter plane first them took multi KPI from panel and went to Style directly and there I was keeping CSS code . Am I missing something ?

Re: CSS IN Qliksense

salonicdk28 — Wed, 01 Dec 2021 10:37:02 GMT

yes, please add measure in multi KPI like any text or anything like 1 to make it work

Re: CSS IN Qliksense

salonicdk28 — Wed, 01 Dec 2021 10:43:14 GMT

you can refer the below link wherein CSS is explained using scenarios and examples

https://community.qlik.com/t5/Qlik-Sense-Documents/Dashboard-Design-QS-CSS-MasterClass-video/ta-p/1787091/page/3/show-comments/true

Thanks,

Saloni