# Slider

The "Slider" widget makes it possible to select the value range for one or more devices.

<div data-full-width="true"><figure><img src="https://content.gitbook.com/content/Nyvwhz1kEMXcHf4HLuZ8/blobs/NSz3C0tw3KoSP21KS5en/84DE217C-C7A6-4428-8641-618A24BC6613.png" alt=""><figcaption><p>The "Slider" widget with 3 linked assets</p></figcaption></figure></div>

## When should this widget be used?

You can use the "Slider" widget if you want to control the value range of one or more assets.  &#x20;

## Configure Widget

{% @supademo/embed demoId="sYnOhWE0h-mFk374TWf\_e" url="<https://app.supademo.com/demo/sYnOhWE0h-mFk374TWf_e>" fullWidth="true" %}

1. Make sure you are in the "Dashboard" menu
2. Click "Add widget"
3. Click "Input"
4. Click on "Slider"
5. Select the primary asset. The name of this asset will appear in the widget title bar.
6. Select the asset you want to control via the switch.
7. (Optional) Give the asset a custom name
8. Select an attribute for the setpoint
9. Select an attribute for the current value
10. (Optional) Repeat the previous steps to create sliders for additional assets
11. Optional: Choose how much space your new widget should take up on the dashboard.
12. Click "Add widget"

## Operate widget

### Overview

<div data-full-width="true"><figure><img src="https://content.gitbook.com/content/Nyvwhz1kEMXcHf4HLuZ8/blobs/SCrm4wIJ2S7BlH1xWvG1/C2BABD17-BBC3-4541-B423-F486D505E4C8.png" alt=""><figcaption><p>The "Slider" widget in detail</p></figcaption></figure></div>

<table><thead><tr><th width="81.33333333333331"></th><th width="275"></th><th></th></tr></thead><tbody><tr><td><strong>[A]</strong></td><td>Widget title</td><td>Title of the widget. Is influenced by the selection of the "Primary Asset".</td></tr><tr><td><strong>[B]</strong></td><td>Icon</td><td>Widget icon</td></tr><tr><td><strong>[C]</strong></td><td>Name of the individual assets</td><td>The individual assets that were added to the widget</td></tr><tr><td><strong>[D]</strong></td><td>More options</td><td>See -> Widget options</td></tr><tr><td><strong>[E]</strong></td><td>Slider</td><td></td></tr></tbody></table>

### Operate Widget

For each individual asset added **\[C]** there is a separate slider **\[E]** assigned.

Drag the slider to a desired value to adjust the value of the corresponding asset.&#x20;