Qlik Community

Qlik Sense App Development

Discussion board where members can learn more about Qlik Sense App Development and Usage.

Partner
Partner

Customize Qlik Sense App

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

Tags (1)
4 Replies
MVP & Luminary
MVP & Luminary

Re: Customize Qlik Sense App

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


talk is cheap, supply exceeds demand
Highlighted
Khan_Mohammed
Honored Contributor II

Re: Customize Qlik Sense App

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

Partner
Partner

Re: Customize Qlik Sense App

Thanks for your answer.

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

Partner
Partner

Re: Customize Qlik Sense App

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

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