Creating a new toggle

Change the type to “Toggle”
Change type

Value: Renders incoming data
Event Target (Dynamic Only ): Datasources in portal to be affected by action

Choose your datatypes and datasources. Note: the datasources in the example below were created previously and not default. Modify Target

The rest of the tabs are for editing the toggle itself


Key Description Example
On Label label for ‘true’ values
Off Label label for ‘false’ values


Key Description Example
On Color Changes color for ‘true’ values
Off Color Changes color for ‘false’ values
Background Color Changes the background color of the toggle
Font Color Changes the color of the labels

Other Tools

Key Description Example
Unique Style Overrides the overall style settings to change a specific setting.It is automatically checked when you change a style
HTML Id Used to target widget element in the DOM Adds an id to the page like this : <div id="myCustomHtmlId">some text </div>and then write css like this: #myCustomHtmlId { color: red }
Allow Fullscreen Gives the option to make widget fullscreen