# Sliderbar

Numbers with decimal comma using a sliderbar for input

### Properties

- Type: [Visual extra](https://docs.tsnocode.com/books/field-type-reference/chapter/visual-extra)
- Groupable: No
- Show in lists: Yes
- Searchable: Yes
- Requires configuration: \[Yes/no\]

## <span class="mw-headline" id="bkmrk-user-interface-1">User interface</span>

<span class="mw-headline">Field in show mode</span>

[![image.png](https://docs.tsnocode.com/uploads/images/gallery/2025-07/scaled-1680-/TbbEeoRJRIcYABQc-image.png)](https://docs.tsnocode.com/uploads/images/gallery/2025-07/TbbEeoRJRIcYABQc-image.png)

<span class="mw-headline">Field in edit mode</span>

[![image.png](https://docs.tsnocode.com/uploads/images/gallery/2025-07/scaled-1680-/tyl9VY42gu0H5ODk-image.png)](https://docs.tsnocode.com/uploads/images/gallery/2025-07/tyl9VY42gu0H5ODk-image.png)

## <span class="mw-headline" id="bkmrk-configuration-1">Configuration</span>

[![image.png](https://docs.tsnocode.com/uploads/images/gallery/2025-07/scaled-1680-/WsqQf6VWDc01nIpG-image.png)](https://docs.tsnocode.com/uploads/images/gallery/2025-07/WsqQf6VWDc01nIpG-image.png)

Required:

- Minimal value
- Maximum value

Options:

- Making the slider display vertically 
    - orientation: "vertical",
- Using steps i the slider 
    - step: 10,
- JSON configuration notes: [\[1\]](http://jqueryui.com/slider/)

## <span class="mw-headline" id="bkmrk-developer-info-1">Developer info</span>

- FeltTypeID: 911
- SQL datatype: DECIMAL(20,6)
- Class name: FieldSliderBarDecimal