Slider types and their input attributes

  • Release version: Zurich
  • Updated July 31, 2025
  • 2 minutes to read
    • Summarize
    Summarized using AI
    This content was generated using new OpenAI-powered functionality. Results are provided on an as is basis and are not guaranteed to be accurate or complete.

    Summary of Slider types and their input attributes

    This guide explains various slider types you can create in ServiceNow and the specific input attributes required for each. Sliders help users select numerical values by providing interactive controls, with different configurations enhancing usability and visual clarity. Understanding these attributes allows you to tailor sliders to fit your application's functional and design needs effectively.

    Show full answer Show less

    Slider Types and Input Attributes

    • Default Value Slider: Provides a starting numerical value to guide users. Requires Min, Max, DefaultValue, and StepSize. The EnforceStepSize attribute is optional.
    • Visual Steps Slider: Displays distinct steps visually to clarify each selectable position. Requires Min, Max, StepSize, and VisualStepsEnabled. DefaultValue and EnforceStepSize are optional.
    • Enforced Step Size Slider: Ensures users select values strictly at predefined increments, suitable for large value ranges. Requires Min, Max, StepSize, and EnforceStepSize. DefaultValue is optional. If a value outside allowed increments is chosen, an error message appears.
    • Reference Point Slider: Includes a reference point to help users understand their position relative to an expected or typical value, such as a midpoint indicator. Requires Min, Max, StepSize, and ReferencePoint. DefaultValue and EnforceStepSize are optional.
    • Decorative Step Slider: Enhances user interface aesthetics with numeric values, labels (e.g., good, poor, bad), and color-coded steps to improve accessibility and visual comprehension. Requires Min, Max, StepSize, and Decoration. DefaultValue and EnforceStepSize are optional.

    Practical Implications

    By selecting the appropriate slider type and configuring its input attributes, you can improve user experience by providing clear guidance, preventing invalid inputs, and enhancing visual appeal. The optional attributes allow flexibility depending on whether defaults or strict step enforcement are needed.

    For comprehensive details on all input attributes related to sliders, refer to the Number inputs section in the Input form screen attributes documentation.

    Review the sections to see slider type examples and learn which input attributes are used to create them.

    The sections within this topic show the types of sliders that you can create and the input attributes needed to create them. For more information about all the input attributes, see the Number inputs section in the topic Input form screen attributes for inputs.
    Note:
    • The input attribute DefaultValue is the numerical value displayed when a user first views the slider. In some of the sections below, the DefaultValue input attribute is marked as optional, because you're unable to tell if the attribute was used in the displayed images.
    • The input attribute EnforceStepSize isn't a visual attribute. It's marked as Optional in some of the sections, as you're unable to see if it has been used from the images displayed.

    Default value slider

    Slider with values between 1 and 100 and a default number of 50.
    A default value provides a starting point to help users understand a typical or suggested setting. The following are input attributes that are required to create a slider with a displayed default value.
    • Min
    • Max
    • DefaultValue
    • StepSize
    • EnforceStepSize: Optional

    Visual steps slider

    A visual steps slider with a range of 0 to 20. Each step marks an increase of 2. The number displayed is 12.
    A visual step slider makes it clear to users what each position on the slider represents. The following are input attributes that are required to create a slider containing visual steps.
    • Min
    • Max
    • DefaultValue: Optional
    • StepSize
    • VisualStepsEnabled
    • EnforceStepSize: Optional

    Enforced step size slider

    A enforced step slider with an error message stating that the selected number of 0.1 is not a valid and needs to be within a range of 0.0 and 0.5.
    Use an enforced step size slider to make sure that users can only select specific predefined incremental values. This slider is a more appropriate choice than a visual step slider, if the range of values is large. The image shows a scenario where the chosen figure doesn't conform with the enforced incremental value. As a consequence, an error message displays. The following are input attributes that are required to create a slider with enforced steps.
    • Min
    • Max
    • DefaultValue: Optional
    • StepSize
    • EnforceStepSize

    Reference point slider

    Slider with values of minus 200 and 200. With a reference point of zero in the middle of the slider.
    Use a reference point within a slider to help users understand where they are within the range of possible values. For example, a reference point at the center, shows users that they're setting a value higher or lower than the expected value. The following are input attributes that are required to create a slider containing a reference point.
    • Min
    • Max
    • DefaultValue: Optional
    • StepSize
    • ReferencePoint
    • EnforceStepSize: Optional

    Decorative step slider

    The render type called slider showing an input called Quality of service with the indicator placed in the orange area, which is listed as Poor.
    Use a decorative step slider to improve the overall look and feel of the user interface. This is important in design-focused applications where the visual experience is a key aspect. This slider type provides three visual indicators: the numeric value, the label text (for example, good, poor, and bad), and the colored slider. These colorful visual elements can aid accessibility. For example, distinct colors and labels for each step can help users better understand the slider's position and options. The following are input attributes that are required to create a decorative step slider.
    • Min
    • Max
    • DefaultValue: Optional
    • StepSize
    • EnforceStepSize: Optional
    • Decoration

    For more information, see Configure a decorative slider.