A control with which the user can specify a value by dragging a handle.

Description

The user can indicate a value, between a minimum and a maximum value that you specify, by dragging the handle of a slider left-right or up-down, depending on the direction that you choose.

Key properties

Default – The initial value of a control before it is changed by the user.

Max – The maximum value to which the user can set a slider or a rating.

Min – The minimum value to which the user can set a slider.

Value – The value of an input control.

Additional properties

BorderColor – The color of a control's border.

BorderStyle – Whether a control's border is Solid, Dashed, Dotted, or None.

BorderThickness – The thickness of a control's border.

FocusedBorderThickness – The thickness of the control's border when it has keyboard focus.

Disabled – Whether the user can interact with the control.

DisabledBorderColor – The color of a control's border if the control's Disabled property is set to true.

HandleActiveFill – The color of the handle for a slider as the user changes its value.

HandleFill – The color of the handle (the element that changes position) in a toggle or slider control.

HandleHoverFill – The color of the handle in a slider when the user keeps the mouse pointer on it.

Height – The distance between a control's top and bottom edges.

HoverBorderColor – The color of a control's border when the user keeps the mouse pointer on that control.

Layout – Whether the user scrolls through a gallery or adjusts a slider top to bottom (Vertical) or left to right (Horizontal).

OnChange – How the app responds when the user changes the value of a control (for example, by adjusting a slider).

OnSelect – How the app responds when the user taps or clicks a control.

PressedBorderColor – The color of a control's border when the user taps or clicks that control.

RailFill – The background color of the rectangle in a toggle control when its value is false or the color of the line to the right of the handle in a slider control.

RailHoverFill – When you hover on a toggle control or a slider, the background color of the rectangle in a toggle control when its value is false or the color of the line to the right of the handle in a slider control.

ReadOnly – Whether a user can change the value of a slider or rating control.

Reset – Whether a control reverts to its default value.

ShowValue – Whether a slider's or rating's value appears as the user changes that value or hovers over the control.

Tooltip – Explanatory text that appears when the user hovers over a control.

ValueFill – The background color of the rectangle in a toggle control when its value is true or the color of the line to the left of the handle in a slider control.

ValueHoverFill – When you keep the mouse pointer on a toggle control or a slider, the background color of the rectangle in a toggle control when its value is true or the color of the line to the left of the handle in a slider control.

Visible – Whether a control appears or is hidden.

Width – The distance between a control's left and right edges.

X – The distance between the left edge of a control and the left edge of the screen.

Y – The distance between the top edge of a control and the top edge of the screen.

Related functions

Sum( Value1, Value2 )

Example

  1. Add a button, and set its OnSelect property to this formula:
    ClearCollect(CityPopulations, {City:"London", Country:"United Kingdom", Population:8615000}, {City:"Berlin", Country:"Germany", Population:3562000}, {City:"Madrid", Country:"Spain", Population:3165000}, {City:"Rome", Country:"Italy", Population:2874000}, {City:"Paris", Country:"France", Population:2273000}, {City:"Hamburg", Country:"Germany", Population:1760000}, {City:"Barcelona", Country:"Spain", Population:1602000}, {City:"Munich", Country:"Germany", Population:1494000}, {City:"Milan", Country:"Italy", Population:1344000})

    Don't know how to add, name, and configure a control?

    Want more information about the ClearCollect function or other functions?

  2. Press F5, select the button, and then press Esc.

  3. Add a slider, move it below the button, and name the slider MinPopulation.

  4. Set the slider's Max property to 5000000 and its Min property to 1000000.

  5. Add a text gallery in vertical/portrait orientation, move it below the slider, and set the gallery's Items property to this formula:
    Filter(CityPopulations, Population > MinPopulation)

  6. In the first item of the gallery, set the Text property of the top text box to ThisItem.City, and set the Text property of the bottom text box to this formula:
    Text(ThisItem.Population, "##,###")

  7. Press F5, and then adjust MinPopulation to show only those cities that have a population that's greater than the value that you specify.

  8. To return to the default workspace, press Esc.