This is a widget library developed by Evolcon (well... duh...). Right now, it contains 3 KPI objects, but we will update it frequently adding more and more visualizations (or at least, that's the plan).

• Getting Started
• Demo App
• QlikFreak KPI
• Evolcon KPI
• Super Relevant KPI
• History
• Authors
• License

1. Download the package and unzip it.
2. Copy the folder (Evolcon Widget Library) to this location: C:/Users/?????/Documents/Qlik/Sense/Extensions/.

Although widget libraries can be imported from both QMC and Dev Hub, the uniqueness check of a widget is only performed when importing from Dev Hub. Therefore, we strongly recommended you import all widget libraries from Dev Hub.

1. Download the ZIP file.
2. Open the Qlik Dev Hub. On the start page, click + and select Import widget library.
3. Locate the ZIP file containing the widget library to import and then click Open.

Don't forget to check the demo app included in this package. It contains multiple examples of all the widgets in the library. Even though there are some good pointers in this guide, it's easier to understand how to configure the objects by looking at real applications. If you want to have this module available in your hub, just copy the QVF in this location: C:/Users/?????/Documents/Qlik/Sense/Apps/

Simple KPI with an image on the left.

• Image: Link to the image file (JPG, PNG, SVG, etc).
• Title: First line. Usually displays the KPI name, but it can be hidden.
• KPI: Big number in the middle (your expression).
• Comment: Third line. Useful for comments of comparisons. Can be hidden as well.

• The image address doesn't need quotes or equals sign. Just paste the link.
• When you define the width of the image, the height is calculated automatically.
• Right Padding refers to the distance (pixels) between the image and the numbers.
• All the labels can be static (just type in whatever you want) or dynamic (using Qlik expressions)

='Amount (USD): ' & money(sum(Sales))

• You can use RGB, HEX or CSS colors. If the color is static, you can type it directly in the box:

rgb(100, 50, 10)
turquoise
#FFF000

If you want to use an expression, you can do something like this:

=if(sum(Sales) > 1000, rgb(255, 50, 10), 
 if(sum(Sales) > 500, 'turquoise', '#FFF000'))

KPI + labels + symbols + lines. Yeah, that's a lot.

• Title: First line. Usually displays the KPI name.
• Upper Line: Line between the title and the KPI (the blue one).
• Symbol: A label with independent color and size. Shares the same line with the KPI.
• KPI: Your KPI. Shares the same line with the Symbol.
• Lower Line: Line between the KPI and the comment (the orange one).
• Comment: Last line. Useful for comments or comparisons.

• The alignment (left - center - right) applies to all the objects inside this widget.
• The labels, lines and symbol can be hidden.
• All the labels can be static (just type in whatever you want) or dynamic (using Qlik expressions)

='Amount (USD): ' & money(sum(Sales))

• You can use RGB, HEX or CSS colors. If the color is static, you can type it directly in the box:

rgb(100, 50, 10)
turquoise
#FFF000

If you want to use an expression, you can do something like this:

=if(sum(Sales) > 1000, rgb(255, 50, 10), 
 if(sum(Sales) > 500, 'turquoise', '#FFF000'))

• You can adjust the space between and after both lines (pixels)
• The Symbol > Suggestions section has no impact on the widget. it just contains common symbols that you can easily copy and paste.
• If you increase the line width and make the color dynamic, you can create a weird/cool visual cue.

Simple KPI... Actually, it was just an experiment... It's not thaaaat useful, but it looks cool.

• Feb 25, 2018: Initial release. New widgets: QlikFreak KPI, Evolcon KPI, Super Relevant KPI.

• Evolcon Visit Website
• Julian Villafuerte: QlikFreak - Twitter

Copyright © 2018, Julian Villafuerte. Released under the MIT license.

If you create something cool based on this library, be sure to share it with us in Twitter!