Skip to main content
cancel
Showing results for 
Search instead for 
Did you mean: 
khadar
Contributor III
Contributor III

CSS IN Qliksense

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,

 

 

6 Replies
salonicdk28
Creator II
Creator II

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-

salonicdk28_0-1638284472263.png

Thanks,

Saloni

khadar
Contributor III
Contributor III
Author

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.

salonicdk28
Creator II
Creator II

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

salonicdk28_0-1638351033743.png

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

khadar
Contributor III
Contributor III
Author

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 ?

salonicdk28
Creator II
Creator II

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

salonicdk28_0-1638355001398.png

 

salonicdk28
Creator II
Creator II

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/17...

Thanks,

Saloni