Customize Slider question (Bars type) | XM Community
Question

Customize Slider question (Bars type)

  • 22 January 2021
  • 1 reply
  • 22 views

I wonder if anyone can help me customize the bar sliders to achieve the following functions:

  1. Snap to Grid: I know there's an option for the sliders type, but I couldn't find the same option for the bars type.

  2. show the customized value. I used some JS code to customize the value presented on the grid, but when I use the slider, it still shows the original value.

  3. change the bar color. Now it's the default color used by the theme my institution set. Is there any way I can customize the color so I can have different bars with different color?

The JS code I used to change the value
image.pngThe slider in the preview:
image.pngThank you for your time and please let me know if you need more information.


1 reply

Userlevel 7
Badge +21

The bar colour is determined by the Background Colour property of the elements with class bar. You can add the following CSS to change their colour:

Leave a Reply