Multiple Choice (with Radio boxes)

A multi-purpose field used to allow the user to “choose” one or more options. It can be rendered as radio boxes or as radio buttons.
On submit, this field will generate the following tokens: [<FieldName>] (which yields the value), [<FieldName>:Text], [<FieldName>:Value]. Note that if your options don’t have a value (there’s nothing after the pipe character in the item list), then all the tokens above will return same value.

Options:

  • Display Horizontally

    • this option enables you to display radioboxes next to each other on the same line.

  • Link To

    • Link this to another multi-select field that when changed will cause this control to update with different items. For example, imagine Category and Subcategory selection. When this option is used, prefix each item below with the name of the parent category like this: “Value Of Parent Item/This Item”.

      Note: When linking to another field and using the Items Data Source, if any part of the text or value of the options in the field includes a forward slash (/) character, that character must also be escaped using a back slash (\) character. For example, if you are using HTML in your item list you must escape the backslash in closing tags: <b>Item 1<\/b>

  • Datasource

    • Choose from existing data sources(detailed here) or provide values into the Item List area; Input one item per line. If you need to provide different text and value, then separate them by pipe. Can contain My Tokens.

  • Radio Buttons

    • this option transforms the circles into inline-buttons.

  • Radio Buttons CSS Classes

    • beautifies the radio buttons using Bootstrap classes. It supports Bootstrap brand button classes (eg: btn-default, btn-primary, btn-success, btn-info , btn-warning, btn-danger, btn-link). Available only if “Radio Buttons” is checked.

  • Radio Buttons styles

    • stylizes the radio buttons using CSS. It supports multiple css attributes separated by semicolon (eg: border:2px groove; border-radius:25px; color:#e42f43; font-family:Georgia). Available only if “Radio Buttons” is checked.

  • Word between buttons

    • displays a text between the radio buttons. Available only if “Radio Buttons” is checked.

  • Word styles

    • stylizes the word beetween buttons using CSS. It supports multiple CSS attributes separated by semicolon (eg: color:#e42f43; font-family:Georgia). Accepts the font-size only in px. Available only if “Radio Buttons” is checked.

  • Initially Checked

    • Determines which of the radio boxes is initially selected. Possible values are from the list above. Supports My Tokens so you can pull data from various sources such as user profile.