Toggle button size & shape change

[Rakesh_kumar_S]

i need this type of toggle button, how can i change the normal toggle button to this, anyone can help me?

[RolandRaytchev · Accepted solution]

Hi @Rakesh_kumar_S ,

you can use an css style definition in the app.scss (Studio Tab Application) to change the appearance of widget in generally .

Example in PTC Help http://support.ptc.com/help/vuforia/studio/en/#page/Studio_Help_Center%2FWidgetToggle.html

So when using styles you can change the appearance of widget e.g. here the toggle widget. There are classes used by default. So when you change these classes it will change all toggle widgets. Or you can use user defined classes (as in the example PTC Help) and set this in the class property of the toggle widget. In the first picture you can see that both is used. ptc-toggle and also the default where the class setting will override the system setting.

To achieve the desired appearance you need to test setting of  different style properties  and see what is the caused change and if it is as desired. I  want also   refer to https://www.w3schools.com/howto/howto_css_switch.asp

https://alvarotrigo.com/blog/toggle-switch-css/

as example but also there are a lot of others links.

You can test  the effect of the change in the chrome debugging console (Strg-Shift-I)

[Rakesh_kumar_S]

Thanks for your guidance.