Qlik Community

New to Qlik Sense

Discussion board where members can get started with Qlik Sense.

Announcements
Qlik® Product Spotlight: Discover what’s possible. Get more from our products.
See for yourself. Register today.
ogster1974
Honored Contributor II

Access to CSS

A lot of the reports we write are for customers with brand guidelines we need to adhere to.

With sense being a HTML Front end are there plans to give users access to the underlying CSS in Qlik Sense?

I've seen in extensions you can access and modify the CSS of a chart type
but I think that would be overkill to have to rewrite a chart object just to access the formatting.

If I wanted to for example change the Chart Titles from Qlik grey to black for example.  Is there one place I can change this and if yes will we be able to upload themes to it in future.  Something like what Bootstrap have done.

1 Solution

Accepted Solutions
Employee
Employee

Re: Access to CSS

Hi Andy - just to add to what Josh stated - there will be the ability to set themes via JSON configuration files and apply that theme directly to the app.

Here is an example:

Standard app - URL: (using Desktop - I am using the latest build)

http://localhost:4848/sense/app
/C%3A%5CUsers%5Cmtarallo.MTARALLO%5CDocuments%5CQlik%5CSense%5CApps%5CDeliveryPerform/she…

9-4-2014 7-56-15 AM.png

App URL with theme applied at end of the URL

localhost:4848/sense/app/C%3A\Users\mtarallo.MTARALLO\Documents\

Qlik\Sense\Apps\DeliveryPerform/sheet/HkjqTU/state/analysis/theme/highvis

Note: .../theme/highvis  - at the end of the URL

9-4-2014 7-58-33 AM.png

See the theme / CSS coming from the JSON file.

http://localhost:4848/resources/themes/highvis/theme.json??1408778147544

(this is an image of a sample snip from my browser)

9-4-2014 8-01-39 AM.png

Hope this is helpful

Mike T

Regards,
Mike Tarallo
Qlik
61 Replies
Employee
Employee

Re: Access to CSS

Hi Andy,

What you are describing is exactly the direction we are going.  Today themeing is not a capability from the stock interface however you could do a mashup and us CSS to control the look of the webpage.

Lots of great things to come and with the new release cadence you will see regular improvements.

-Josh

Employee
Employee

Re: Access to CSS

Hi Andy - just to add to what Josh stated - there will be the ability to set themes via JSON configuration files and apply that theme directly to the app.

Here is an example:

Standard app - URL: (using Desktop - I am using the latest build)

http://localhost:4848/sense/app
/C%3A%5CUsers%5Cmtarallo.MTARALLO%5CDocuments%5CQlik%5CSense%5CApps%5CDeliveryPerform/she…

9-4-2014 7-56-15 AM.png

App URL with theme applied at end of the URL

localhost:4848/sense/app/C%3A\Users\mtarallo.MTARALLO\Documents\

Qlik\Sense\Apps\DeliveryPerform/sheet/HkjqTU/state/analysis/theme/highvis

Note: .../theme/highvis  - at the end of the URL

9-4-2014 7-58-33 AM.png

See the theme / CSS coming from the JSON file.

http://localhost:4848/resources/themes/highvis/theme.json??1408778147544

(this is an image of a sample snip from my browser)

9-4-2014 8-01-39 AM.png

Hope this is helpful

Mike T

Regards,
Mike Tarallo
Qlik
ogster1974
Honored Contributor II

Re: Access to CSS

Perfect loving the work.

Not applicable

Re: Access to CSS

Hi Michael,

I was wondering if there is any way i can directly change theme.css in resources and saving it for my localhost.

-Faredun

Employee
Employee

Re: Access to CSS

Hello Faredun,

Not in the default - out-of-the-box client configuration - you can attempt to browse: C:\Program Files\Qlik\Sense\Client - to take a look at what is available - .css, html, .js and images - but I would not recommended changing these. Currently the way the themes work is through manipulating the JSON: C:\Program Files\Qlik\Sense\Client\themes\sense\theme.json.

HTH

Mike T

Qlik

Regards,
Mike Tarallo
Qlik
Not applicable

Re: Access to CSS

Thanks a lot mate!

Not applicable

Re: Access to CSS

I tried changing the client\themes\sense\theme.json file in my QS server but it seems to have no effect, even after restarting all QS services.  Is it not yet possible to do this or is there an extra step I'm missing?

Not applicable

Re: Access to CSS

I have found on Qlik Sense desktop that the folder C:\Program Files\Qlik\Sense\Client\themes\sense\theme.json does not exist.

I do hope that there is a way to change the color styles and schemes. We'd like to see if we can have a color scheme better suited for color blind accessibility with better color contrast in general.

Employee
Employee

Re: Access to CSS

Hello All on this thread, I am investigating the status of this "experimental" capability. I will let you all know what I find.

Please stay tuned,

Regards,

Mike T

Qlik

Regards,
Mike Tarallo
Qlik