Option controls - Dropdown & Radio Button & Checkbox

Option controls allows users to select option(s) from a predefined list.

It includes:

  • Dropdown - to select one option from a list of options
  • Radio Button - to see all available choices and select exactly one
  • Checkbox -  to select one or more options from a visible list

mceclip0.png

Dropdown

Similar to a listbox, it allows the user to select one value from a predefined list. When it's selected, it displays a single text value. 

Use the dropdown component only when a user needs to choose from 2 and more possible options and you have limited space to display the options.

The ticked one will be the default value.  And click the position icon at the end of each option, you can drag to change the order.

mceclip0.png

 

Radio Button

Single selection and it allows users to see all available choices and select exactly one. You may set the number of available options can fit into the defined display area.

Similarly, you may tick one as the default value.  And click the position icon at the end of each option, you can drag to change the order.

Please note:   Users can not select zero of the options once any choice is ticked.

mceclip1.png

Checkbox

It allows users to select multiple choices from a visible list. It is shown as a square box that is ticked (checked) when activated.

Checked one or more choice(s) as the default value, unchecked to clear the default value. 

Also, click the position icon at the end of each option, you can drag to change the order.

mceclip2.png

Please note:  The variable value of checkbox has a comma between each 2 values. 

mceclip3.png

Furthermore

Learn more how to configure its properties to restrict or validate your field to meet your criteria.

<Return to top>

Was this article helpful?
1 out of 1 found this helpful

Comments

0 comments

Please sign in to leave a comment.