topic Re: Styling Qlik Sense sheets and Objects in App Development

Styling Qlik Sense sheets and Objects

ajaykakkar93 — Sat, 14 Oct 2017 06:44:21 GMT

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?

CSS Provides Efficiency in Design and Updates
CSS Use Can Lead to Faster Page Downloads
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:

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

Bugs:

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

Second Version:

Improvements and functions added:

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

First Version:

Options:

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

Note:

This Extension may not work in Qlik Sense 3.0 uses >=3.0.x
Object ID is needed can get from debug option
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

Re: Styling Qlik Sense sheets and Objects

vikasmahajan — Sat, 14 Oct 2017 07:27:16 GMT

HI Ajay,

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

Vikas

Re: Styling Qlik Sense sheets and Objects

ajaykakkar93 — Sat, 14 Oct 2017 11:49:51 GMT

Hi vikas,

Do you mean by geoanalytics or QS Map bubble color

Re: Styling Qlik Sense sheets and Objects

vikasmahajan — Sun, 15 Oct 2017 11:34:41 GMT

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

Re: Styling Qlik Sense sheets and Objects

ajaykakkar93 — Sun, 15 Oct 2017 15:12:32 GMT

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

Re: Styling Qlik Sense sheets and Objects

newdev22 — Thu, 25 Jan 2018 11:36:33 GMT

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.

Re: Styling Qlik Sense sheets and Objects

Anonymous — Fri, 10 Aug 2018 14:28:50 GMT

Hi Ajay,

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

can it possible in qliksense

Re: Styling Qlik Sense sheets and Objects

ajaykakkar93 — Sat, 11 Aug 2018 14:55:56 GMT

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

Re: Styling Qlik Sense sheets and Objects

Anonymous — Tue, 21 Aug 2018 13:40:57 GMT

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!

Re: Styling Qlik Sense sheets and Objects

ajaykakkar93 — Tue, 21 Aug 2018 23:51:29 GMT

Hi,

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

Re: Styling Qlik Sense sheets and Objects

razvan_brais — Wed, 12 Sep 2018 08:00:04 GMT

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

Re: Styling Qlik Sense sheets and Objects

ajaykakkar93 — Tue, 16 Oct 2018 10:27:58 GMT

i think you need to refresh your browser once..

Re: Styling Qlik Sense sheets and Objects

razvan_brais — Tue, 16 Oct 2018 10:41:37 GMT

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

Re: Styling Qlik Sense sheets and Objects

ajaykakkar93 — Tue, 16 Oct 2018 23:40:16 GMT

Ok no issues...

Re: Styling Qlik Sense sheets and Objects

razvan_brais — Wed, 17 Oct 2018 05:44:00 GMT

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

Re: Styling Qlik Sense sheets and Objects

ajaykakkar93 — Thu, 18 Oct 2018 03:11:29 GMT

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.

Re: Styling Qlik Sense sheets and Objects

razvan_brais — Thu, 18 Oct 2018 05:45:37 GMT

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

Re: Styling Qlik Sense sheets and Objects

razvan_brais — Thu, 25 Oct 2018 04:57:44 GMT

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

Thank you.

Re: Styling Qlik Sense sheets and Objects

razvan_brais — Thu, 25 Oct 2018 14:02:49 GMT

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

Re: Styling Qlik Sense sheets and Objects

ajaykakkar93 — Thu, 25 Oct 2018 16:42:04 GMT

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

topic Re: Styling Qlik Sense sheets and Objects in App Development

Styling Qlik Sense sheets and Objects

qlik-sense-styler

Why Do We need CSS for styling?

Third Version:

Functions added:

Bugs:

Second Version:

Improvements and functions added:

First Version:

Options:

Note:

To Download This ExtensionQlikSense Sheet Styler

Re: Styling Qlik Sense sheets and Objects

Re: Styling Qlik Sense sheets and Objects

Re: Styling Qlik Sense sheets and Objects

Re: Styling Qlik Sense sheets and Objects

Re: Styling Qlik Sense sheets and Objects

Re: Styling Qlik Sense sheets and Objects

Re: Styling Qlik Sense sheets and Objects

Re: Styling Qlik Sense sheets and Objects

QlikSense-Sheet-Styler-Lite

Re: Styling Qlik Sense sheets and Objects

Re: Styling Qlik Sense sheets and Objects

Re: Styling Qlik Sense sheets and Objects

Re: Styling Qlik Sense sheets and Objects

Re: Styling Qlik Sense sheets and Objects

Re: Styling Qlik Sense sheets and Objects

Re: Styling Qlik Sense sheets and Objects

Re: Styling Qlik Sense sheets and Objects

Re: Styling Qlik Sense sheets and Objects

Re: Styling Qlik Sense sheets and Objects

Re: Styling Qlik Sense sheets and Objects

To Download This Extension
QlikSense Sheet Styler