Changing Circular Slider Size via CSS

Changing Circular Slider Size via CSS - Printable Version

+- Logic Machine Forum (https://forum.logicmachine.net)
+-- Forum: LogicMachine eco-system (https://forum.logicmachine.net/forumdisplay.php?fid=1)
+--- Forum: Visualization (https://forum.logicmachine.net/forumdisplay.php?fid=9)
+--- Thread: Changing Circular Slider Size via CSS (/showthread.php?tid=1410)

Changing Circular Slider Size via CSS - savaskorkmaz - 23.05.2018

Hi ,

I need to increase size all the Circular Sliders in my project. If you share css code, i will be pleased.

Thanks,

RE: Changing Circular Slider Size via CSS - Erwin van der Zwart - 23.05.2018

Hi,

You can do that by using the mass edit function on the object tab. Filter your objects and edit the vis parameter 'Size' of the circular slider control types.

BR,

Erwin

RE: Changing Circular Slider Size via CSS - AEK - 24.05.2018

be careful. mass edit will change all sliders params (line color, buttons)

RE: Changing Circular Slider Size via CSS - savaskorkmaz - 25.05.2018

Hi,

Changing size didn't worked.

I attached 2 screenshots. One of them has %300 size . Other has %200 size. As you can see size are same in both screenshots

RE: Changing Circular Slider Size via CSS - Daniel - 25.05.2018

Hi
As description says this works only in show control mode.

Code:
.popover.control-circularslider {

  transform: scale(2)!important;

}

This should do, it will change all sliders.

BR

RE: Changing Circular Slider Size via CSS - savaskorkmaz - 11.03.2019

Hi there,

Can you send same code for custom value select , direct input and slider alternatives ?

Thanks,

RE: Changing Circular Slider Size via CSS - admin - 11.03.2019

.popover.control-vselect - custom value select
.popover.control-slider - slider
.popover.control-spinner - numeric input