topic Customize Qlik Sense App in App Development

Customize Qlik Sense App

sbertoletto — Fri, 12 Aug 2016 13:44:27 GMT

Hi,

Could you say me what's the best way to customize Qlik Sense App ? And what is possible.

- Color ?

- Font ?

- BackGround ?

- .CSS ? (Although i know there is no official solution, is there any alternative solution ?)

Thanks,

Sébastien

Re: Customize Qlik Sense App

Gysbert_Wassenaar — Fri, 12 Aug 2016 14:39:11 GMT

Perhaps this discussion answers your question: Qlik Sense Server - Change Default Theme

Re: Customize Qlik Sense App

MK9885 — Fri, 12 Aug 2016 14:47:49 GMT

I have never tried changing fonts or color but I've added the company logo on every sheet as it is required by many users.

I do not know if you familiar with this or not

To add an image (without any extension object)....and you can change alignment of your sheet name from left to right. I suggest keep on left only.

Click on any app you want to edit and once you open it there will be sheets below and on the top right side just below pen symbol you'll have a gear symbol.

Click on that gear symbol and you'll see options to add a sheet Image, Background color for sheet, font Color and Image Alignment.

Note: You should place your Image in C:\Users\username\Documents\Qlik\Sense\Content\Default

This is for Qlik Sense Desktop and same folder will be available on server as well...

Re: Customize Qlik Sense App

sbertoletto — Thu, 18 Aug 2016 13:45:44 GMT

Thanks for your answer.

Unfortunatly, i understand there is no "official" way to interact with .css of qliksense.

Re: Customize Qlik Sense App

ebapt_cegid — Wed, 21 Feb 2018 16:16:19 GMT

Hi,

You should upgrade to February 2018 and follow these steps, it's easier than modify theme in 3.x :

https://help.qlik.com/en-US/sense-developer/February2018/Subsystems/Extensions/Content/custom-themes-introduction.htm

If you want to custom the font for the whole app, you should :

- add in your theme.json a link to a custom CSS :

"customStyles": [{

"cssRef": "myStyle.css",

"classRef": "qv-card"

}]

- add a global style for qv-object in CSS :

@import url('https://fonts.googleapis.com/css?family=Roboto');

.qv-object * {

font-family: 'Roboto', sans-serif;

}

Regards

Emmanuel