Skip to main content
Announcements
Have questions about Qlik Connect? Join us live on April 10th, at 11 AM ET: SIGN UP NOW
cancel
Showing results for 
Search instead for 
Did you mean: 
ajaykakkar93
Specialist III
Specialist III

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


Please mark the correct replies as Solution. Regards, ARK
Profile| GitHub|YouTube|Extension|Mashup|Qlik API|Qlik NPrinting

20 Replies
razvan_brais
Creator III
Creator III

Hy Ajay,

Cool extension . But I`m having some issues. The Sheet Background Setting is not working with background Image. I set the image , but the background remains the same. I`m using it in QlikSense Server.

Thanks,

Razvan

ajaykakkar93
Specialist III
Specialist III
Author

i think you need to refresh your browser once..

Please mark the correct replies as Solution. Regards, ARK
Profile| GitHub|YouTube|Extension|Mashup|Qlik API|Qlik NPrinting

razvan_brais
Creator III
Creator III

Thank you , but I solved the problem. The image location was not set in the server

ajaykakkar93
Specialist III
Specialist III
Author

Ok no issues...  

Please mark the correct replies as Solution. Regards, ARK
Profile| GitHub|YouTube|Extension|Mashup|Qlik API|Qlik NPrinting

razvan_brais
Creator III
Creator III

Hey Ajay.

Hope you can give me a hint. I`m using this extension in Server Mode. The only way that I can make it work , and other users can view the styled sheets , is if I go in Server QMC , to extension tab ,and edit the security rules for Content Admin , and adding each user to be as an admin on this extensions. But I don`t want that every user that is accesing the app to have privileges as admin on this extension. Do you know why this behavior appears?

Thank you,

Razvan

ajaykakkar93
Specialist III
Specialist III
Author

I'm Sorry friend, i dont have an idea about security rules in qmc i have not  done it before, i have some qs admins ill raise this to them and i hope i can resolve this issue of yours.

Please mark the correct replies as Solution. Regards, ARK
Profile| GitHub|YouTube|Extension|Mashup|Qlik API|Qlik NPrinting

razvan_brais
Creator III
Creator III

Ok, I`ll be waiting for a hint when you have one.

razvan_brais
Creator III
Creator III

Hey Ajay. Any news about the extension running in Qlik Sense Server?

Thank you.

razvan_brais
Creator III
Creator III

Hello again.

Finally I managed to resolve the issue. I wil post the solution that worked for me , maybe it will be helpfull for others.

I created a new security rule with the following attributes :

  Resource filter : App_*,App.Object_*;

  Actions : Read , Update;

Conditions :

(((resource.resourcetype="App" and resource.stream.HasPrivilege("read")) or

(resource.resourcetype="App.Object" and resource.app.stream.HasPrivilege("read") and resource.objectType = "app_appscript")))

After making this settings , the extension works fine.

Thank you

ajaykakkar93
Specialist III
Specialist III
Author

Thank you for updating everyone this will be helpful for everyone.

Please mark the correct replies as Solution. Regards, ARK
Profile| GitHub|YouTube|Extension|Mashup|Qlik API|Qlik NPrinting