Conditional Style Wizard

---

Conditional Style Wizard allows users to simply and easily set desired behaviors. With its intuitive UI, you can set when to display a component and can set Display options. No scripting is needed.

To run Conditional Style Wizard, click on a component that has a conditional style applied. Then, select Conditional Style Wizard in the context menu displayed and select View condition.

To set a condition for an item, click (①) in the "If" statement dialog box and select a condition item in the Select item dialog box displayed.

Use the operator drop-down menu (②) to select an operator such as "==", "!=", etc.

To assign a value to the item, click (③) and either manually enter a value or select an item.

To add a condition, click the "+" icon and select either the "and" or "or" conditional operator to be applied to the first and second items.

Once you have completed setting the If statement condition, set when to display the component under "Whether the component's display" and set the display options under "Display options" in the "Then" and "Else" tabs.

To change text manually, tick the "Change text" box under "Display options". To apply a style according to a condition, tick the "Apply Style" box and then click the Edit style button. Then, configure the settings in the "Select item" dialog box displayed to apply the style.

If you click the Ok button when the Move Condition Script option is unchecked, then a conditional script is automatically generated in the OnBindWithCondition event.

A conditional script added to the OnBindWithCondition event cannot be edited in Java Script Editor.

To edit a conditional script, launch Conditional Style Wizard again or move the conditional script to the OnBind event, and then edit in Java Script editor of the OnBind event.

To move the conditional script to the OnBind event, check the Move Condition Script option in Conditional Style Wizard, and then click the Ok button or click Move condition script in the pop-up menu.

To apply a condition created using Conditional Style Wizard to another component, click Copy condition and Paste condition in the pop-up menu.

Event Precautions

Scripts generated using Conditional Style Wizard are executed right before an OnBind event is called. Hence, if you enter a script in an OnBind event or in an event that occurs after an OnBind event, the behavior set in Conditional Style Wizard may work differently.