Qlik Community

Qlik Sense App Development

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

ajaykakkar93
Contributor

Styling Qlik Sense sheets and Objects

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)

qlik_sense_sheet_styler-v3.gif


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


Regards & Thanks,
Ajay Kakkar
ajaykakkar93@gmail.com
19 Replies
vikasmahajan
Honored Contributor III

Re: Styling Qlik Sense sheets and Objects

HI Ajay,

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

Vikas

ajaykakkar93
Contributor

Re: Styling Qlik Sense sheets and Objects

Hi vikas,

Do you mean by geoanalytics or QS Map bubble color

Regards & Thanks,
Ajay Kakkar
ajaykakkar93@gmail.com
vikasmahajan
Honored Contributor III

Re: Styling Qlik Sense sheets and Objects

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

ajaykakkar93
Contributor

Re: Styling Qlik Sense sheets and Objects

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

Regards & Thanks,
Ajay Kakkar
ajaykakkar93@gmail.com
newdev22
New Contributor

Re: Styling Qlik Sense sheets and Objects

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.

resize sheet.PNG

vemuru_mohan
New Contributor

Re: Styling Qlik Sense sheets and Objects

Hi Ajay,

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

can it possible in qliksense

ajaykakkar93
Contributor

Re: Styling Qlik Sense sheets and Objects

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

Regards & Thanks,
Ajay Kakkar
ajaykakkar93@gmail.com
eladku008
New Contributor

Re: Styling Qlik Sense sheets and Objects

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
Contributor

Re: Styling Qlik Sense sheets and Objects

Hi,

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

Regards & Thanks,
Ajay Kakkar
ajaykakkar93@gmail.com