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.

Changing Circular Slider Size via CSS
#1
Hi ,

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

Thanks,
Reply
#2
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
Reply
#3
be careful. mass edit will change all sliders params (line color, buttons)
Reply
#4
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

Attached Files Thumbnail(s)
       
Reply
#5
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
------------------------------
Ctrl+F5
Reply
#6
Hi there,

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

Thanks,
Reply
#7
.popover.control-vselect - custom value select
.popover.control-slider - slider
.popover.control-spinner - numeric input
Reply


Forum Jump: