This forum uses cookies
This forum makes use of cookies to store your login information if you are registered, and your last visit if you are not. Cookies are small text documents stored on your computer; the cookies set by this forum can only be used on this website and pose no security risk. Cookies on this forum also track the specific topics you have read and when you last read them. Please confirm that you accept these cookies being set.

popover slider value
#1
On a vis have a load of buttons that when pressed brings up popover slider in the same position of the vis for all buttons.
Using the following CSS Code:

.popover.control.control-slider.control-slider-h.slider-h.show {
  background-color: #888888 !important;
  transform: scale(.9) !important;
top: 700px !important;
left:290px !important;
  width:345px;
}

How can I add the progress value to the popover control, need it to be there all the time, would also be nice to put the %value  to the right side of the control. Also wan tot remove the Left and right hand side buttons, so its just the slider.

Thanks for any input
Reply
#2
Use this to hide min/max buttons. Permanently displaying the value won't work. The tooltip is only updated when dragging the slider but not when the value is changed externally.
Code:
.popover.control.control-slider.control-slider-h.slider-h.show .slider-min,
.popover.control.control-slider.control-slider-h.slider-h.show .slider-max {
  display: none;
}

.popover.control.control-slider.control-slider-h.slider-h.show .slider {
  width: 302px;
}
Reply
#3
(22.06.2023, 12:44)admin Wrote: Use this to hide min/max buttons. Permanently displaying the value won't work. The tooltip is only updated when dragging the slider but not when the value is changed externally.
Code:
.popover.control.control-slider.control-slider-h.slider-h.show .slider-min,
.popover.control.control-slider.control-slider-h.slider-h.show .slider-max {
  display: none;
}

.popover.control.control-slider.control-slider-h.slider-h.show .slider {
  width: 302px;
}

Many thanks.
But still cant see the associated value  whilst dragging the slider. I understand that cant be seen permanently as you explained. But would still like to see when dragging the slider.
Reply
#4
The value is only displayed in "show control" mode. A possible solution for this is to use widgets where slider is placed in show control mode.
Reply


Forum Jump: