Switch
The SenseOps Switch Extension provides an interactive toggle switch for controlling and dynamically updating variable values. Supports customizable styles and real-time state updates based on external variable changes. This guide provides an overview of the key features and available actions.
Accessing the Switch Extension
Step 1. Open Qlik Sense Application: Launch Qlik Sense application where you want to work with the Switch Extension.
Step 2. Enter Edit Mode: Navigate to the sheet or create a new sheet where you plan to use the Switch Extension. Enter the edit mode to make changes to the sheet.
Step 3. Access Custom Objects: In the left panel, click on "Custom Objects" to open the custom objects menu.
Step 4. Select SenseOps Extension: Locate and select "SenseOps" from the custom objects menu.
Step 5. Add SenseOps Switch Extension: Find the "SenseOps Switch Extension" extension within the SenseOps category. Click and hold the Switch Extension, then drag and drop it onto the sheet canvas.
Features of Switch Extension
- Interactive Control: Interactive toggle switch for controlling variable values.
- Real-time Updates: Real-time state updates based on external variable changes.
- Customizable Design: Customizable styles for appearance and behavior.
- Dynamic Data: Support for dynamic data updates.
- Easy Integration: Easy integration with existing dashboards.
- User-Friendly InterfaceUser-friendly interface with intuitive controls.
Properties of Switch Extension
Switch Items
Add multiple switches with the following properties:
| Settings | Functionality |
|---|---|
| Name | Add a switch name directly or from Edit expression. |
| Switch Variable | Select the variable for the switch. |
| Active/Inactive Value | Default values are "1" (active) and "0" (inactive). Modify as needed. |
| Show Title | Show or hide the switch title. |
| Text inside Control or Bar | Show text inside the bar and control, and apply a tooltip. |
| Bar | Customize bar colors and border. |
| Control | Customize control colors and border. |
| Show/Hide Condition | Set conditions to show or hide other KPIs/Charts. Default is "1". |
| Disabled State | Manage the switch state. Default is "0". |
| Clone Switch | Duplicate switches with this button. |
Show Title
Customize the title when "Show Title" is on.
| Settings | Functionality |
|---|---|
| Title Position | Set the title position (top or bottom). |
| Title Color | Select the title color. |
| Font Style | Choose font styles like bold, italic, and underline. |
| Font Family | Select the font family. |
| Font Size | Set the font size (6px to 42px). |
Text inside Control or Bar
Customize properties of Bar Text and Control Text.
Show Text
Settings visible when "Show Text" is on.
| Settings | Functionality |
|---|---|
| Inline Text | Add text inside the bar for both active and inactive states. |
| Custom Fonts | Customize font family, color, size (6px to 42px), and style. |
Tooltip
Settings visible when "Tooltip" is on.
| Settings | Functionality |
|---|---|
| Tooltip Text | Add text to show on hover. |
Bar
Settings visible when enabled.
| Settings | Functionality |
|---|---|
| Use Custom Color | Add custom colors for active and inactive states. |
| Use Custom Border | Add custom border color, radius, and size (0px to 100px). |
Control
Settings visible when enabled.
| Settings | Functionality |
|---|---|
| Use Custom Color | Add custom colors for active and inactive states. |
| Use Custom Border | Add custom border color, radius, and size (0px to 100px). |
Appearance
Customize position, sizing, spacing, color, and border for switches.
Position
| Settings | Functionality |
|---|---|
| Orientation | Set horizontal or vertical orientation. Default is "horizontal". |
| Horizontal Alignment | Position switch at start, center, or end. Default is "start". |
| Vertical Alignment | Position switch at top, center, or bottom. Default is "top". |
Sizing and Spacing
Default is "Custom". Switch to "Auto" if needed.
| Settings | Functionality |
|---|---|
| Custom Width | Customize bar and control width (0px to 300px). |
| Custom Height | Customize bar and control height (0px to 300px). |
| Custom Spacing | Modify spacing between switch items (0px to 300px). |
Colors
Customize colors with "Simple" or "Advanced". Default is "Advanced".
| Settings | Functionality |
|---|---|
| Bar Color | Set bar color for active and inactive states. |
| Control Color | Set control color for active and inactive states. |
Borders
Enable or disable borders. Default is "Enabled".
| Settings | Functionality |
|---|---|
| Border Radius | Customize radius for bar and control (0px to 100px). |
| Border Size | Customize size for bar and control (0px to 100px). |
| Border Color | Add custom colors for bar and control. |