Pular para o conteúdo principal
Base de Conhecimento da FocusVision

Button Single Select Question

1:  About the Button Single Select Question

The button single select question allows the respondent to click buttons to select an answer. This question must contain multiple buttons, which will align horizontally and wrap to fit within the survey page.

This question matches familiar real-world usage (e.g., ATM machines) that most respondents are familiar with. Selecting answers requires very little effort because of the large hit area. This significantly reduces both cognitive and kinematic load (i.e., click fatigue).

Mobile Compatible: Yes

Learn more: Button Select Concepts

2:  Adding a Button Single Select Question

Note: You can set the "Show" filter to display only elements that are compatible or optimized for the devices allowed for your project. Click here to learn how to how verify your project settings.

To add a button single select question, add a new survey element, select "Dynamic" and click on "Button Single Select." Then click "Insert."

Enter the question text and instructions.

2.1:  Adding Buttons

Click "Button Actions" and select "Delete all Buttons" to remove the demo buttons.

Click "+New Button" to add each new button, then enter the answer option in the text field.

3:  Style Settings

To configure the style settings for the question, click the "Button Select" link.

The "Style"Editor" window opens for you to specify how the question will display using the options at the left.  Mouse-over an option to display information about the feature at the right.  After you have selected the styles, click "Save."

Style Option Description
Layout

Choose the layout for the buttons.

  • Vertical:  Aligns buttons vertically
  • Tiled:  Tiles the buttons in a grid format
  • Horizontal:  Aligns the button horizontally
Show Form in Button

For this question type, respondents click a button to select an answer.  This option determines whether or not the answer form (e.g. radio button) shows within the button. 

  • Yes:  Additionally shows the answer form within the buttons.
  • No:  Hides the answer form and only shows the buttons.
Large Screens  
     Button         Size Width
 
  • If the layout is vertical: Min Width:  Define the minimum width allowed for larger screens in pixels, em, or a percentage.  If the unit is not specified, it defaults to %. Note: For tiled or horizontal layouts, this setting does not apply.
  • For all layouts: Max Width: Define the maximum width allowed for larger screens in pixels, em or a percentage.

Height

  • If the layout is horizontal:  Min Height:  Define the minimum height allowed for larger screens in pixels, em or percentage.  If the unit is not specified, it defaults to %. Note: For vertical or tiled layouts, this setting does not apply.
  • For all layouts: Max Height:  Define the maximum height allowed for larger screens in pixels, em, or a percentage.
     Alignment

Buttons within the page: 

  • Left:  Left-align buttons
  • Center:  Center-align button
  • Right:  Right-align buttons

Content inside the button:

  • Left:  Left-aligns the content
  • Center: Center-aligns the content
  • Right:  Right-aligns the content
Small Screens  
Button Size Width
 
  • If the layout is vertical: Min Width:  Define the minimum width allowed for smaller screens in pixels, em, or a percentage.  If the unit is not specified, it defaults to %. Note: For tiled or horizontal layouts, this setting does not apply.
  • For all layouts: Max Width: Define the maximum width allowed for larger screens in pixels, em or a percentage.

Height

  • If the layout is horizontal, Min Height: Define the minimum height allowed for smaller screens in pixels, em, or a percentage. Note:  For vertical or tiled layouts, this setting does not apply.
  • For all layouts: Max Height:  Define the maximum height allowed for smaller screens in pixels, em, or a percentage.
     Alignment

Buttons within the page: 

  • Left:  Left-align buttons
  • Center:  Center-align button
  • Right:  Right-align buttons

Content inside the button:

  • Left:  Left-align content.
  • Center: Centers the content
  • Right:  Right-aligns content

4:  Question Options

4.1:  General Options

Each of the following options affect all attributes within the button single-select question.

  • Label: The label assigned to the element. You may edit the default label for the single-select element here.
  • Type: Displays the element type. You may change the element type to multi-select, number, select or text.
  • Show If: Allows you to create new logic conditions or select an existing logic condition for the element. For more information, click here.
  • Languages: Select what languages the element will show in if the survey has multiple languages. The default is "all languages."
  • Mandatory: When checked this option will force respondents to provide a response. The respondent will be unable to continue the survey without completing the question.
  • Randomize: Show answer options in random order. Check rows, columns, and/or groups to randomize.
  • Rating/Scale: Enables nets in the report. To learn how to set up your rating scale preferences in the report, click here.
  • More Options: Use the dropdown menu to select less commonly used options. Once selected, you will be able to specify the setting for that option. For more information on each option, click here.
  • Raw Options: If you prefer to manually enter the XML options, use the "raw options" dialogue. This is useful for copying and pasting options between survey elements.

4.2:  Button Options

Click on a button row to access the options.

  • Label: The label assigned to the row. You may edit the default label for the row here.
  • Data Value: The value assigned to the row in the data. You may edit the default value for the row here if the option is available.
  • Show If: Allows you to create new logic conditions or select an existing logic condition for the row. For more information, click here.
  • Languages: Select what languages the row will show in if the survey has multiple languages. The default is "all languages."
  • Do Not Randomize: This option is only available if the "Randomize" general option is selected. Checking this box will force the line to remain stationary. To watch a video tutorial, click here.
  • Optional: This option is only available if the "mandatory" general option is selected. When checked it will allow for the row to become optional and non-mandatory.
  • Open End: Allows you to add an open end response box to the row by selecting "mandatory" or "optional" from the dropdown menu. "Mandatory" means the respondent must enter feedback in the response box to continue if the row is selected, "optional" means that feedback is not required.
  • Hidden: This option will hide the row from respondents.
  • More Options: Use the dropdown menu to select less commonly used options. Once selected, you will be able to specify the setting for that option. For more information on each option, click here.
  • Raw Options: If you prefer to manually enter the XML options, use the "raw options" dialog. This is useful for copying and pasting options between survey elements.