- 19 Dec 2024
- 5 Minutes to read
- Print
- PDF
Slider
- Updated on 19 Dec 2024
- 5 Minutes to read
- Print
- PDF
Slider Feedback Control in Apex enhances user engagement by enabling swift feedback submission through an intuitive sliding mechanism. Users can effortlessly rate experiences using a slider, with the flexibility to provide decimal ratings if needed. This modern approach to feedback collection offers a seamless and visually appealing way for users to express their opinions. Typically utilized for scale-based feedback questions, the Slider Control adds a touch of interactivity to user feedback processes.
Figure: Slider control
Let's explore the following use-case to understand Slider Rating control in Apex:
Use Case User Persona: Application Designer | Solution |
The Product Management team at NovaTech is facing challenges in prioritizing features for an upcoming software release. With a long list of potential features and limited resources, the team struggles to determine which features will provide the most value to customers and align with the company's strategic goals. | To address the pain point of feature prioritization, NovaTech's App Designer, Sam configures a prioritization form using Slider Feedback Control. The Slider Feedback Control allows team members to visually indicate the importance of each feature on a priority scale, ranging from 0 to 10. By sliding the control, team members can quickly and intuitively adjust the priority of each feature based on factors such as customer demand, business impact, and development effort. |
Configure Slider Control
Effortlessly drag and drop Slider Rating Control on to the form canvas and configure it as per organizational needs.
To configure Slider Rating Control, perform the following steps:
- Navigate to Form Designer > Design Form > Controls.
- Expand Survey Controls. The following options are displayed:
Figure: Survey Controls - Drag and drop Slider Rating control on the design canvas.
- Hover over the added control to access Settings and Delete icon.
Figure: Slider control - settings icon - Clickto configure Slider Rating control.
On the settings pop-up window, the following tabs are there where you can configure the Star Rating control:
- Properties
- Appearance
Figure: Slider control - configuration tabs
Properties
This section contains the list of generic properties using which you can configure the Slider Rating control's name, scale label layout, shape, and much more.
General
Figure: General settings
Refer the following table for the different fields and their descriptions in the General section:
Field | Description |
---|---|
Title* | Enter the question for which you seek feedback using the Sider control. For example, How would you rate your overall satisfaction with the recent updates to our mobile app on a scale from 1 to 10. |
Sub Title | The sub title text is useful to give the user a better idea of what kind of information they need to fill in. The sub title text appears beneath the Slider control. Example: Sub Title for the above question ‘How would you rate your overall satisfaction with the recent updates to our mobile app on a scale from 1 to 10’ can be ‘1 being extremely dissatisfied and 10 being extremely satisfied? Use the slider below to select your rating.’ |
Add Rating Labels | Enable Add Rating Labels switch to add labels to different ratings. |
Rating Label | This field appears only when you enable Add Rating Labels switch. Define and customize the names for different ratings that the users can select through Slider control.These labels should accurately represent the range of opinions or sentiments you want to capture from respondents. For example, if you're collecting opinions on a product or service, you might want the users to choose between labels like "Excellent," "Good," "Neutral," "Poor," and "Bad". |
Range From | Indicate the starting point of the Slider Control's range. This field allows you to define the minimum value the user can select using the slider. |
Range To | Indicate the ending point of the Slider Controls' range. This field allows you to define the maximum value the user can select using the slider. |
Score | Assign score at each rating range to measure feedback objectively and compare it over time. This helps in targeted improvements and setting benchmarks. |
Color | Color-code each rating scale to enhance visual clarity and intuitiveness. This makes it easier for users to interpret and respond to feedback effectively. Click the color field and open color the selection tray to customize the color for each score range. |
Allow Decimals | Enable this switch to collect finer granularity in feedback in terms of decimals. It enables users to express their opinions with more precision. This can be particularly useful in scenarios where subtle differences in feedback are important for decision-making or analysis. |
Step | Step field determines the decimal increment or decrement when moving the slider forwards or backwards. It offers precise control over the granularity of feedback, allowing users to provide feedback with specific levels of detail. This field appears only when Allow Decimals switch is enabled. |
Informative
Figure: Informative settings
Refer the following table for the different fields and their descriptions in the Informative section:
Field | Description |
---|---|
Help Text | Provide a help text that gives the end users guidance on how to use the Slider rating control to provide their feedback correctly. For example, 'Please slide the marker along the scale to rate your experience.' |
Rich Text | This is a switch to enable the Rich Text editor for the Help text. Figure: Rich Text switch Rich texted ‘Help Text’ improves user understanding by allowing formatting of the Help Text like bold text, images, and clickable links. This makes the Help Text information clearer and more interactive for users. Figure: Rich Text editor |
Tooltip | Add a Tooltip that is displayed when the user hovers over the Slider Rating control and explains about the control. |
- End range can never be more than start range.
- Avoid defining Overlapping ranges to successfully configure the Slider Control.
Appearance
The Appearance tab contains fields where you can configure how the feedback question for Slider Rating will appear in the form.
Label
Configure how the name of Slider Rating will appear in the form under Label section.
Figure: Label section - Appearance
Following table explains the different fields and their description present under the Label section in Appearance tab:
Field | Description |
---|---|
Font Type | Select the desired font from the drop-down menu to customize the feedback question of Slider Rating. Figure: Font type |
Font Color | Select a font color from the color palette to enhance the visibility and aesthetics of the feedback question of the Slider Rating.Figure: Color palette |
Font Size | Select the desired font size as per your preference for better readability and presentation of the feedback question of Slider Rating.Figure: Font size |
Font Style | Select either Bold, underlined, or Italic font style to emphasize the feedback question of Slider Rating.Figure: Font style |