Use Switch Button when you want to present the digital value "0" and "1" visually. "0" is for "off-state", and "1" is for "on-state".

In the Switch Button Properties, you customize the position and size of the component. You can do the following operations in particular:

• Changing size and position of an component

• Setting the style of text

Add a Switch Button component

1. Select the Switch Button component .

2. Drag the Switch Button component directly where you want it to be in the Editor pane.

3. Set the variable.

4. Set the On Image or Off image for the switch button component.

   • Click "..." at the right end of the row On Image or Off Image in the push button properties pane.

   • Select an image from the Graph Library and click OK.

5. Set the On Text and Off Text for Switch Button component.

   • Click "..." at the right end of the row Off Text or On Text in the switch button properties pane.

   • Change the text as you want.

   • Save the change by clicking OK or quit the change by clicking Cancel.

     The text value will change to the default value when you select Reset to Default.

Properties for Switch Button

• Basic

  • Name: Switch Button

  • Location: you can modify the location coordinate for the Switch Button.

  • Size: you can modify the width and height information for the Switch Button.

• Binding

  • Variable Name: select the Default Tag or variable from tag table depending on your need.

  • Block Type: select the type of variable.

  • Block Number: follow the below table to select each value.

  • Writable: for the writable block types, you can enable the write function by clicking the check box next to Writable.

• Animation

  • On Image: select the appropriate pictures for on-state in Graph Library.

  • Off Image: select the appropriate pictures for off-state in Graph Library.

  • On Text: enter the display content for on-state.

  • Off Text: enter the display content for off-state.

• Styles

  • Font: select Font, Font Style and Size information separately in the Font pane. Click the OK button to save the changes or click the Reset to Default button to reset to the default settings.

  • Text Color: click Text Color Swatches, select a swatch, and click OK button.

  • Text Align: align the text on left, center, or right.