Skip to main content

FV Decipher Support

All the topics, resources needed for FV Decipher.

FocusVision Knowledge Base

Attributes for Display Settings

1:  Attributes for Display Settings

1.1:  newStyle - Set to Load nstyles Files

The newStyle attribute is implicitly added for all surveys compat="23+". When newStyle="1" is specified, the style system automatically loads additional configurations specified in the nstyles file located in your project's root directory.

Use the XML Style System instead of this older NewStyle system.

1.2:  oldProgress - Set to Use Old Progress Calculations

The 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.

1.3:  progressOnTop - Set to Show Progress Bar on Top

The 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.

1.4:  ss:customCSS - Load a Single CSS File

The 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 static/ directory.

1.5:  ss:customJS - Load a Single JavaScript File

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 static/ directory.

1.6:  ss:hideProgressBar - Set to Hide Progress Bar

The 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.

1.7:  ss:includeCSS - Load Multiple CSS Files

The ss:includeCSS attribute allows you to add a comma-separated list of CSS files to include into your project (e.g. ss:includeCSS="/survey/selfserve/9d3/proj1234/style1.css, proj1235/style2.css").

1.8:  ss:includeJS - Load Multiple JavaScript Files

The ss:includeJS attribute allows you to add a comma-separated list of JavaScript files to include into your project

e.g. ss:includeJS="/survey/selfserve/9d3/proj1234/script1.js, proj1235/script2.js"

1.9:  ss:logoFile - Specify the Path to the Logo Image File

The ss:logoFile attribute allows you to specify a path to a logo that will be shown in the survey.

e.g. ss:logoFile="selfserve/9d3/proj1234/logo.png"

1.10:  ss:logoPosition - Specify the Position of the Logo Image

The ss:logoPosition attribute controls the logo's position in the survey.

By default, ss:logoPosition="middle" is specified and the logo appears centered on the survey page. Specify ss:logoPosition="left" or ss:logoPosition="right" to change the logo's placement.

1.11: ss:logoAlt - Specify Alternate Text

The 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).

By default, ss:logoAlt="Logo"  even if you set it to an empty string, ss:logoAlt="".

Note: This attribute requires surveys to have a compat level of 133+

1.12:  fir - Replace Survey Form Inputs with Better Images

The fir attribute requires surveys to have a compat level of 125+

The fir attribute can override the standard form inputs (e.g. radios and checkboxes) with custom SVGs (Scalable Vector Graphics).

By default, fir="off" is specified and the standard browser inputs shown below will appear for all questions.

fir_nogo.png

If fir="on" is specified, then these standard inputs will be swapped out with better image graphics.

fir_base.png

The 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: firStyle, firColors and firSize.

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.

1.13:  ss:listDisplay - Specify How 1-Column Questions Should Appear

The ss:listDisplay attribute requires surveys to have a compat level of 125+

The ss:listDisplay attribute is a boolean value that controls how 1-column questions should appear.

If ss:listDisplay="1" is specified, then questions containing a single column will appear as lists instead of tables.

If 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: