Step-by-Step: Create a Simple Widget in Qlik Sense
Prerequisites
-
Qlik Sense Enterprise (or Qlik Sense Desktop)
-
Access to the Qlik Sense Dev Hub
-
Basic knowledge of HTML, CSS, and JavaScript
🔹 Step 1: Open the Developer Hub
-
Open a browser and go to:
(Or use
http://localhost:4848/dev-hub
if using Qlik Sense Desktop) -
Click on "Widget Editor"
🔹 Step 2: Create a New Widget
-
Click "Create New" on the top-right
-
Enter:
-
Name: e.g.,
SimpleTextWidget
-
Description: Optional
-
Library: Choose an existing library or create a new one
-
-
Click Create
🔹 Step 3: Define the Widget Template (HTML)
In the Template section, enter your basic HTML. For example:
🔹 Step 4: Define Widget Properties (Fields)
Switch to the "Controller" tab and define properties users can configure in Qlik Sense.
For example:
This allows the user to enter a title and description via the properties panel.
🔹 Step 5: Add Basic Styling (Optional)
Go to the "Style" section and add some CSS:
🔹 Step 6: Save and Use in App
-
Click Save.
-
Go back to your Qlik Sense app.
-
Open a sheet and add a new object.
-
Find your widget under "Custom Objects" > "Widgets".
-
Drag it onto the canvas and configure the properties.
No comments:
Post a Comment