1: Attributes for Display Settings
newStyle - Set to Load nstyles Files
newStyle attribute is implicitly added for all surveys
newStyle="1" is specified, the style system automatically loads additional configurations specified in the
nstyles file located in your project's root directory.
oldProgress - Set to Use Old Progress Calculations
oldProgress attribute controls which system to use for calculating survey progress shown by the progress bar. If
oldProgress="1" is specified, then the old system for calculating survey progress is used.
progressOnTop - Set to Show Progress Bar on Top
progressOnTop attribute controls where the progress bar is displayed in your survey. If
progressOnTop="0" is specified, the progress bar will appear at the bottom (footer) of the page.
ss:customCSS - Load a Single CSS File
ss:customCSS attribute allows you to load one CSS file located in your project's static directory. For example, if your CSS file is named
customStyle.css, then specify
ss:customCSS="customStyle" to load it from the
ss:customJS attribute allows you to load one JS file located in your project's static directory. For example, if your script is named
customScript.js, then specify
ss:customJS="customScript" to load it from the
ss:hideProgressBar - Set to Hide Progress Bar
ss:hideProgressBar attribute enables you to hide the progress bar from the survey. If
ss:hideProgressBar="1" is specified, then the progress bar will not be displayed.
ss:includeCSS - Load Multiple CSS Files
ss:includeCSS attribute allows you to add a comma-separated list of CSS files to include into your project (e.g.
ss:logoFile - Specify the Path to the Logo Image File
ss:logoFile attribute allows you to specify a path to a logo that will be shown in the survey.
ss:logoPosition - Specify the Position of the Logo Image
ss:logoPosition attribute controls the logo's position in the survey.
ss:logoPosition="middle" is specified and the logo appears centered on the survey page. Specify
ss:logoPosition="right" to change the logo's placement.
ss:logoAlt - Specify Alternate Text
ss:logoAlt attribute provides alternate text read to respondents with screen readers. Additionally, the alternate text is displayed if the image cannot be shown (i.e. a missing resource).
ss:logoAlt="Logo" even if you set it to an empty string,
Note: This attribute requires surveys to have a compat level of 133+
fir - Replace Survey Form Inputs with Better Images
The fir attribute requires surveys to have a compat level of 125+
fir attribute can override the standard form inputs (e.g. radios and checkboxes) with custom SVGs (Scalable Vector Graphics).
fir="off" is specified and the standard browser inputs shown below will appear for all questions.
fir="on" is specified, then these standard inputs will be swapped out with better image graphics.
fir attribute can be applied at the global survey level or at an individual question. There are additional FIR attributes that control the style, color and size of the graphic used:
Learn more: Survey Form Image Replacement (FIR)
This attribute, although named alike, has nothing to do with and is not related to the "Form Image Replacement" dynamic question style.
ss:listDisplay - Specify How 1-Column Questions Should Appear
ss:listDisplay attribute requires surveys to have a compat level of 125+
ss:listDisplay attribute is a boolean value that controls how 1-column questions should appear.
ss:listDisplay="1" is specified, then questions containing a single column will appear as lists instead of tables.
ss:listDisplay="0" is specified, then questions containing a single column will appear as tables instead of lists unless the page has been mobile-optimized.
Learn more: The Less Styles System
2: What's Next?
More information about all of the <survey> element's attributes are provided in the documents below: