Add and configure Multiple Options Element in WPEForm

Select multiple options from a list of options. This is the input[type="checkbox"] element with advanced styling. Use this when you have small number of options the user could select from. For larger options, use the Dropdown element.

INTERFACE

Interface Screenshot
Interface Screenshot

From interface, you can set the options of the checkbox element. Scroll to the Options control and add your options through the interface. There are also a few interesting configuration available here.

  • Shuffle order - Enable this to shuffle the option list when presenting to the form. Useful for quizzes.
  • Column size - By default options render next to each other, taking up space as required. You can change this behavior here.

PREFIL AND DEFAULTS

From ATTRIBUTES you can set default values and URL/META based prefils. Here is an example of URL parameter based prefil.

Attributes Screenshot
Attributes Screenshot

With the above settings, you can navigate to the URL with ?mo1=Option+1&mo2=Option+2 to have Option 1 and Option 2 pre-selected. Do note, the match is against the text of the option label, all lowercased. If not present, then Option 1 and Option 4 will be selected by default.

SCORE

Multiple Options element allows for automated scoring. Based on some condition, score can be added to any of the outcomes. Two things to note:

  1. EQUAL TO - Will be true only when the given option(s) are selected, no more, no less.
  2. CONTAINS - Will be true when the given option(s) or more are selected by the user, not less.

NUMERIC VALUE

Numeric value in option Screenshot
Numeric value in option Screenshot

Options can have numeric values assigned to them. These values are recalled when used in Mathematical Output element. If more than one option is selected, then the sum of the selected options are used. See the screenshot to know how to add a numeric value from INTERFACE.

CONDITIONAL EVENT

VALUE BASED

  1. EQUAL TO - Will be true only when the given option(s) are selected, no more, no less.
  2. CONTAINS - Will be true when the given option(s) or more are selected by the user, not less.

LENGTH BASED

Will be true when number of option(s) selected by the user matches given value.