Slider

10 May 2024
5 Minutes to read

Slider

Updated on 10 May 2024
5 Minutes to read

Article summary

Did you find this summary helpful?

Thank you for your feedback

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, 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.
This has helped prioritize features more effectively, allocate resources efficiently, and deliver value to customers with each software release.

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 below 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.
Default Value

Informative

Figure: Informative settings

Refer the below 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.

Notes:

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

Was this article helpful?

What's Next

Likert

Table of contents

Configure Slider Control
Properties
Appearance