/QlikSense-Sheet-Styler-Lite

Qlik Sense Styler for 3.2+

Primary LanguageJavaScript

QlikSense-Sheet-Styler-Lite

Hi everyone as promised QS STYLER LITE is now available for use, it has much improved UI and Property panel than the previous version

Old version of Qlik Sense use this link :  Qlik Sense Styler

New Options for Table and Pivot Chart.

Advantage's in QS Styler Lite.

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

Select Style Type

  • Custom Layout Style For Each Objects: select and add any visualization object based on ID to style it (basic style Only)
  • Show Object IDs: Get Object ID
  • Custom Layout Style For Each Objects: select and add any visualization object based on ID to style it (basic style Only)
  • Style Table Manually: Table Styling based on Object ID
  • Show Layout Style Css: textarea with current style
  • 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

  • Screen Resizer: Add Number of rows & columns for Sheet
  • Resize Sheet: Resize Number of rows & columns of Sheet
  • 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
  • Numeric Measure Text Align
  • Text Dim Align
  • Custom Text Align
  • Column Align
  • Data Cell Size
  • Data Font Size
  • Table Column width Adjuster in PX
  • Table Column width Adjuster Color
  • Table Header Border
  • Total Odd color: Odd row background color
  • Total Even color: Even row background color

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

Add More Objects

  • add more objects to style example extension objects

5nd Version

I will Add More options if possible, Leave Comments for any Improvements for this styling extension.