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.
Features of Switch Extension
- Interactive toggle switch for controlling variable values.
- Real-time state updates based on external variable changes.
- Customizable styles for appearance and behavior.
- Support for dynamic data updates.
- Easy integration with existing dashboards.
- User-friendly interface with intuitive controls.
- Compatibility with various data sources.
- Multiple switch items with customizable properties.
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 Sheet Controller. 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 Sheet Controller: Find the "SenseOps Sheet Controller" extension within the SenseOps category. Click and hold the Sheet Controller, then drag and drop it onto the sheet canvas.
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. |