Skip to main content

Decipher Support

All the topics, resources needed for Decipher.

FocusVision Knowledge Base

Editing Question Styles

 

Overview

The Survey Editor allows you to configure the display setting for most basic and interactive elements.

Accessing the Style Editor

To edit the display settings for a survey element, click the "Style: Basic" link for the element:

An example is shown below. Scroll down to view a table with each display setting for all basic question types, including examples for each.

The options available for any given question may vary due to survey layout or question setup.

Display Options

Display Option: Description: Example:
User FIR for This Question Replaces the browser default formatting for radio buttons and checkboxes with a stylized form. Click here for more information.

Single-Select with FIR:

Screen shot 2014-09-03 at 3_39_36 PM.png

Multi-Select with FIR:

Screen shot 2014-09-03 at 3_42_13 PM.png

Column legends (Requires columns)  Allows you to choose where the column legend headers appear. By default they appear only at the top of the answer options, but may also appear only at the bottom, or top and bottom. Click here for more information.

column_legends=top:

2011-11-15_1528.png

column_legends=bottom:

2011-11-16_0753.png


column_legends=both:

2011-11-16_0754.png

Custom column legends (Requires columns)  Allows you to customize the placement of column legends. The legend will appear at the top and you may specify a specific row that an additional legend will appear above. Enter the row number (e.g., 7) in the field. For multiple rows,, insert a comma between each (e.g., 5,10). Click here for more information. 2011-11-16_0755.png
Column width (Requires columns)  Define custom column widths in pixels. Click here for more information. 2011-11-16_0829.png
Row legends (Requires rows)  Allows you to change the position of the answer option text in relation to the response form (e.g., radio button). By default the text appears on the left, but may also appear to the right or both right and left. Click here for more information.

row_legend=left:

2011-11-16_0834.png


row_legend=right:

2011-11-16_0836.png


row_legend=both:

2011-11-16_0837.png

Row legend width (Requires rows)  Allows you to customize the width of the row legends in pixels (i.e., the column that contains the answer option text). Click here for more information. 2011-11-16_0845.png
Merge below Will place the question below another question. The question above must have the same number of columns. Click here for more information. 2015-12-14_15-20-34.png
Merge right of Will place the question to the right of another question. The other question must have the same number of rows. Click here for more information. 2015-12-14_16-20-25.png
Keep with When two questions are shown on the same page this allows you to keep the question displayed with the other question if one question is re-displayed (e.g., due to a response error). Click here for more information. 2011-11-16_1025.png
Field height Allows you to define the number of lines in the response field, therefore adjusting the height in text elements. Click here for more information. 2011-11-16_0946.png
Field width Allows you to define the width of the response field in text or number elements. Click here for more information. 2011-11-16_0945.png
Form pre-text Allows you to add a character to the left side of the response field (e.g., $) in text or number elements. Click here for more information. 2011-11-16_0935.png
Form post-text Allows you to add a character to the right side of the response field (e.g., %) in text or number elements. Click here for more information. 2011-11-16_0939.png
Mobile Optimization Determines whether to display the survey in a desktop or mobile-optimized format.  
Display 1-Column Questions As Determines whether to render 1-column questions in list or table format.