Axurerp7.0 basic tutorial series components check box checkbox

Prototype library website-Original release of lecturer Jin Wu, which can be freely reproduced. Please indicate the source!

AxureOfficial Chinese website: www.axurerp.cn

 

Axurerp7.0 parts details

Check boxCheck box

Common Cases

As an additional option

Check boxes are often used to allow users to add one or more additional options.

 

Select multiple options

In this example, you can select multiple options. New users are easy to confuse with single-choice buttons. Only one single-choice button can be selected.

 

Edit check box
To select the check box by default, you can click the check box or right-click it in the design area.
You can use the actions in the use case editor to check the check box.Set to select/SelectedDynamic settings.

Alignment Mode

By default, the check box is on the left and the text is on the right.
You can adjust the left and right positions through the Component Property panel.

 

Disable check box

By default, check boxes are enabled, but in some cases, they must be disabled.
You can right-click to disable the checkbox or select to disable it in the component properties panel.

This post shares visible content

Cases of consent to terms Registration

Preview Effect

Check box common interaction

Dynamically set a check box to select

Check box can be added by adding actionSet and select/Selected, Dynamically set the check box to selected/Unselected or switched.
Switch the selected status of the check box
Effect Preview

 

Check box Interaction Effect
You can use the selected status value to determine whether an interactive event can be added to the check box. As demonstrated in the case.

Check box interaction case
Effect Preview

 

Interaction between multiple check boxes

When multiple check boxes are used to store variable values, one check box can only store one variable value related to itself.
The page loading time can be triggered by determining the true or false values of each variable.
In this example, the page loading event is switchedIf/elseThe logical order is very important to ensure that multiple use cases can be fully executed.

This post shares visible content

Multiple check box interaction Cases

Preview Effect

 

Check box limitations
1.Customize the checkbox Style

The check box can only change the style of the text. To change the style of a checkbox, use the dynamic panel to create a custom checkbox.
2.Different from single-choice buttons

The check box cannot specify a single-choice button group as a single-choice button.

Axurerp7.0 basic tutorial series components check box checkbox