line break in slider tick labels

285
1
Jump to solution
04-11-2023 07:56 AM
Guy_srb
New Contributor III

Hi,

is it possible to do a line break on slider tick label.

I've tried to add a class to the label like in this example ( tickElement.classList.add("mediumTicks")).

it worked for me in certain css properties like color and font-size, but I didn't manage to do a line break.

0 Kudos
1 Solution

Accepted Solutions
Guy_srb
New Contributor III

the sulotion was to overide the class "esri-slider__tick-label".

.esri-slider__tick-label {
  position: absolute;
  width: 66px !important;
  line-height: 14px !important;
  height: 35px !important;
  text-align: center !important;
}

View solution in original post

0 Kudos
1 Reply
Guy_srb
New Contributor III

the sulotion was to overide the class "esri-slider__tick-label".

.esri-slider__tick-label {
  position: absolute;
  width: 66px !important;
  line-height: 14px !important;
  height: 35px !important;
  text-align: center !important;
}
0 Kudos