Qlik Sense Sheet Styler Lite

ajaykakkar93 — Wed, 10 Jan 2018 06:37:48 GMT

I am really Happy to go through Qlik sense Dev Help for Feb Version as it has Themes which can be made as extension, and very happy about the approach i have taken to style QS Sheets based on objects is the same way Qlik is doing waow.

Hi everyone as promised Qlik Sense STYLER LITE is now available for use, it has improved UI and Property panel than old version's

Old version of Qlik Sense use this extension

Advantage's in QS Styler Lite:

Qlik Sense 3.2+ versions are supposed
Very lightweight extension
Powerful styling options same as this version
Styling Theme is applied to all qlik sense objects in the Sheet.

Select Style Type

Manually Select Object's and style theme: select and add any visualization objects to style it
Select Sheet Style: example style list

Basic Sheet Settings

Custom Google Font: almost all google fonts check out https://fonts.google.com/ for more information
Change Sheet Title: enables you to change sheet title
Hide Title Bar: hide title bar3
Sheet Title: custom sheet title with expression support
Sheet Title Height: set title bar height
Sheet Title Font Size: font size of title
Sheet Title Image Width: set width of title image [198px max]
Background Image: enable background image
Sheet Background Color: set custom Sheet Background Color
Sheet Background Image: set custom Sheet Background Image
Sheet Background Image[url]: set custom url for Sheet Background Image
Object Active color[edit mode only]: change active color when object is selected

Object Styling & Advance Settings

Transparent all the objects? : makes all object background Transparent
Ignore style for KPI and Text-Image Object? : Ignores custom style for KPI and Text-Image Objects in sheet [can manually add KPI and Text-Image in ‘Add More Objects’ option]
Add border to objects container? : adds border to objects container only and not to overall object
Object border css: border css example: 1px solid rgb(68, 119, 170)
Object Top Margin: top margin between header and object container
Custom Action Style? : enables custom action buttons
Action Button Top Align: align action buttons from top
Object Title Background color: title background color
Object Title color: title text color
Object Title Font Size: change font size of title
Object Title Font Width: change font width
Object Title Padding Top: top padding
Object Title Padding Bottom: top bottom
Object Title Padding Right: top right
Object Title Padding Left: top left
Object's container Background Color: object container background color
Action Button color [after fullscreen]: change action button color

Table Styling & Advance Settings

Apply style for Pivot? : pivot table support
Table color: text color
Table Background color: background color
Table Hover Background color: hover background color
Table Hover color: hover text color
Total Top color: text color
Total Top Background color: background color
Total Top Hover Background color: hover background color
Total Top Hover color: hover text color
Total Bottom color: text color
Total Bottom Background color: background color
Total Bottom Hover Background color: hover background color
Total Bottom Hover color: hover text color
Total Odd color: Odd row background color
Total Even color: Even row background color

Add More Objects

add more objects to style example extension objects Selection Bar Styling & Settings
Hide Selection Bar: hides selection bar
Selection Bar Background color: change Background color
Selection Bar Button Background color: change Button Background color
Selection Bar Text color: change text color
Selection Bar Item color: change selected field item color
Selection Bar Item Hover color: change hover selected field item color

Export Layout

Show Layout Style: views a text area with current style

Message was edited by: ajaykakkar93‌

Re: Qlik Sense Sheet Styler Lite

Anonymous — Wed, 10 Jan 2018 16:47:01 GMT

I was just looking at that extension on Branch.

I am going to download it and give it a spin.

Re: Qlik Sense Sheet Styler Lite

ajaykakkar93 — Thu, 11 Jan 2018 04:59:00 GMT

go ahead bill

Re: Qlik Sense Sheet Styler Lite

Anonymous — Fri, 08 Jun 2018 21:07:31 GMT

@Hi,

Thanks for the extension.

I can't find an option to change the text color of the figures.

Which is quite crucial when you use darker background colors.

Is there any option to change the text color of the figures (even legend etc.)

Thanks!

Re: Qlik Sense Sheet Styler Lite

ajaykakkar93 — Tue, 16 Oct 2018 10:24:32 GMT

Sorry text color within the canvas is not available you can use Theme API to do so if you are on latest version of qlik sense

Re: Qlik Sense Sheet Styler Lite

sogloqlik — Tue, 22 Jan 2019 16:48:09 GMT

Looks Very useful.

Is there a way to add some way of export functionality so one can use the design as a theme?

Even just showing the content of all the files needed for a theme (like you did with the css)

Sensetheme is an example of what I mean.

Thx

Re: Qlik Sense Sheet Styler Lite

ajaykakkar93 — Sat, 18 May 2019 06:47:22 GMT

I have updated this extension can download it (tested in QS April 2019)

Download Link : Branch

Re: Qlik Sense Sheet Styler Lite

ajaykakkar93 — Sat, 18 May 2019 06:48:42 GMT

I have updated this extension can download it (tested in QS April 2019)

topic Re: Qlik Sense Sheet Styler Lite in App Development

Qlik Sense Sheet Styler Lite

I am really Happy to go through Qlik sense Dev Help for Feb Version as it has Themes which can be made as extension, and very happy about the approach i have taken to style QS Sheets based on objects is the same way Qlik is doing waow.

Hi everyone as promised Qlik Sense STYLER LITE is now available for use, it has improved UI and Property panel than old version's

Old version of Qlik Sense use this extension

Advantage's in QS Styler Lite:

Select Style Type

Basic Sheet Settings

Object Styling & Advance Settings

Table Styling & Advance Settings

Add More Objects

Export Layout

Re: Qlik Sense Sheet Styler Lite

Re: Qlik Sense Sheet Styler Lite

Re: Qlik Sense Sheet Styler Lite

Re: Qlik Sense Sheet Styler Lite

Re: Qlik Sense Sheet Styler Lite

Re: Qlik Sense Sheet Styler Lite

Re: Qlik Sense Sheet Styler Lite