Remove digit separator from slider

461
2
Jump to solution
07-17-2022 05:30 AM
Labels (1)
BenPitcairn
New Contributor II

Is it possible to remove the digit separater from the Slider component labels. Currently a comma is placed every 3 digits, which I do not want (The numbers represent years). Other components seem to have attributes for this 'groupSeperator', but not the slider.

0 Kudos
1 Solution

Accepted Solutions
KittyHurley
Esri Contributor

Slider now has a groupSeparator property. By default, the separator won’t be present (e.g., 2000). When true, a separator will be added (e.g., 2,000).

<!-- Slider without separator -->
<calcite-slider min="2000" max="3000" value="2500" label-handles></calcite-slider>

<!-- Slider with separator -->
<calcite-slider min="2000" max="3000" value="2500" label-handles group-separator></calcite-slider>

 

View solution in original post

2 Replies
KittyHurley
Esri Contributor

Slider now has a groupSeparator property. By default, the separator won’t be present (e.g., 2000). When true, a separator will be added (e.g., 2,000).

<!-- Slider without separator -->
<calcite-slider min="2000" max="3000" value="2500" label-handles></calcite-slider>

<!-- Slider with separator -->
<calcite-slider min="2000" max="3000" value="2500" label-handles group-separator></calcite-slider>