JavaScript UI Libraries & Blazor Components Suite – Smart UI Forums Slider Customize scale labels and tick marks

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #99428
    admin
    Keymaster
    Up
    0
    Down

    Hi guys, how can i hide the tick marks on the Slider that don’t have a label ? I want to see only the ticks with labels on the scale. Also i want to change the color of the tick marks. That would be great. Thanks !

    #99431
    admin
    Keymaster
    Up
    0
    Down

    Hi hansT,

    • To show only the ticks with labels, please set ticks-visibility="major".
    • The color of tick marks can be set using the CSS variable --smart-tick-color, i.e.:
      <style type="text/css">
          smart-slider {
              --smart-tick-color: red;
          }
      </style>

    Best regards,
    Dimitar
    Smart HTML Elements Team
    https://www.htmlelements.com

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.