Radio Button

A radio button is a graphical user interface element that allows a user to select one option out of a set of predefined options. Unlike check boxes, which allow multiple selections, radio buttons require that only one option is selected.

Properties

  • Options: Since radio buttons require multiple options that are mutually exclusive, there are various ways to enter options for each radio button. The following options are available:
    • Hard Coded: Options that are created manually by clicking the Add Option button. Adding an option creates a button with a user-defined text (that is, option text) and the option value. The target data defines where the information will be sent.
    • Database: Instead of specifying the options manually, it is possible to use predefined entities to create the options for a radio button. The target data defines where the information will be sent.
    • Dynamic: While the database option can select data directly from an entity, the Dynamic option allows values to be selected from queries and displayed directly from the query information.
  • Required: Specify if an input must be sent to the query.
  • Submit on Charge: If selected, changing the value of the input submits the query, to which this input is assigned.

Possible Uses

Radio buttons require only one selection out of multiple options. If there are only two options, a radio button is unlikely to be the best widget choice. One example could be selecting an answer on a questionnaire where the choices are: Agree, Neutral, and Disagree. Only one of these answers can be selected, because they are mutually exclusive.

  1. Add a radio button and a header on a page.
  2. Specify the name in the Id box.
  3. Select the Global Data check box to set the selected value to global.
  4. In the Options box, select Hard Coded.
  5. Select Add Option three times, and enter Agree, Neutral, and Disagree, and the corresponding values of 1, 2, 3.
  6. For the header, in the Data box, select the global value of RB that was set in step 3.
  7. Save the application, and preview it.

    The corresponding values appear in the header.