Styling Qlik Sense sheets and Objects

[ajaykakkar93]

Style Qlik Sense sheets and objects with some option which can change the look and feel of your Sheet

qlik-sense-styler

Why Do We need CSS for styling?

1. CSS Provides Efficiency in Design and Updates
2. CSS Use Can Lead to Faster Page Downloads
3. CSS is Easy to Work With

Color is powerful because it helps in changing the mood – the mood of prospective customers/ consumers.With this extension anyone will be able to style Qlik Sense Sheet with some option which can change the look and feel of entire Application/Sheet.

Third Version:

Functions added:

1. Filter Pane Background color, Text color, count bar selected color, locked color, optional color, alternative color
2. Font Style, Font Size of the Sheet HTML document (by - Prithvi)
3. Simplified Property Panel and Some Bugs Solved
4. Hide Title Bar
5. Object Transparency [example: 0.1 or 0.7] (by – dtr)
6. Object Container Transparency [example: 0.1 or 0.7] (by – dtr)
7. Header Font Size of individual Objects and of table data (by - Prithvi)

Bugs:

1. Selection bar style cannot be applied
2. Font Size for individual objects were not applied (by - cpomeren003)

Second Version:

Improvements and functions added:

1. Table Alternate Row color (by - Tolberta14)
2. Screen Resizer I suggest using 24 x 48 (by – ander0s.uddenberg)
3. Hide Header
4. Can adjust container border
5. Fixed filter border (by - AdamD)
6. Selection bar style
7. Tooltip css

First Version:

Options:

1. Option to add background color or image
2. Background transparency
3. Can change Sheet title height, text color and font size
4. Can change an objects header text color, text alignment, background color
5. Can change hover color, text alignment, background color of the table header

Note:

1. This Extension may not work in Qlik Sense 3.0 uses >=3.0.x
2. Object ID is needed can get from debug option
3. The Forth version is on its way

It was a long way to make this extension as a module for qlik sense,

Thanks everyone for giving your valuable suggestion and experience,

Special Thanks to Clay Logix, Dattaram Dhuri & Surajbhan Chaurasia for their Support and experience,

I will Add More options if possible,

Leave Comments for any Improvements for this styling extension.

To Download This Extension
QlikSense Sheet Styler

[vikasmahajan]

HI Ajay,

Thanks for Sharing Can we change map bubble color using this extension ?

Vikas

[ajaykakkar93]

Hi vikas,

Do you mean by geoanalytics or QS Map bubble color

[vikasmahajan]

QS Map Bubble Color is it possible to change color or customized ?

[ajaykakkar93]

I think your query can be solved by using the latest version on QS

[newdev22]

Hi Ajay,

Very helpful extension to enhance the look and feel of dashboard.

I am getting 'Resize Sheet' button like thing in my dashboard whereas I want it to be blank. Kindly suggest something on this.

[Anonymous]

Hi Ajay,

I want to add some image in Header or footer of table.

can it possible in qliksense

[ajaykakkar93]

Yes you can hide it there is an option given.. I'll still debug and check..

[Anonymous]

Hello Ajay,

I'm using your extenssion

QlikSense-Sheet-Styler-Lite

It works perfectly buy when i'm trying to custom font by Custom Google Font i receive the same result (the same font) no matter what font i choose. I switch fonts but get the same font on screen. Can you advice?

Thank you!

[ajaykakkar93]

Hi,

I'll take a look if there is an issue with the extension.thnx for raising the issue.