[IGN-1068] Perspective ToggleSwitch Disabled Color

Ignition
,
1

hi,

how i can define a style for a ToggleSwitch-Disabled for Color.Selected and Color.Unselected properties?

2

There's no way to do this through the Property Editor at this time. If you're using 8.1.22 or newer, you can use the stylesheet.css resource available within the Styles section of Perspective.

.ia_toggleSwitch__track--disabled {
	background-color: #FF0000 !important;
}

.ia_toggleSwitch__thumb--disabled {
	background-color: #FF0000 !important;
}

We do have an open feature request to provide this setting within the Property Editor, but it's a low priority feature.

Edit: I may have mis-read your original question. If you're looking to set the colors in use while a Toggle is disabled but while it is either selected or unselected, you'll need to modify the above snippet to something like this:

.ia_toggleSwitch__track--disabled {
	background-color: #FF0000 !important;
}

.ia_toggleSwitch__thumb--disabled {
	background-color: #FF0000 !important;
}

.ia_toggleSwitch__track--selected.ia_toggleSwitch__track--disabled {
	background-color: #00FF00 !important;
}

.ia_toggleSwitch__thumb--selected.ia_toggleSwitch__thumb--disabled {
	background-color: #00FF00 !important;
}
3

It works like a charm!!

thanks!

1 Like