Skip to main content

Decipher Support

All the topics, resources needed for Decipher.

 

FocusVision Knowledge Base

Styles

Decipher offers a variety of options for modifying the look and feel of any survey. In this section, we'll learn how to use dynamic question types, conditional themes, configurable layouts, and additional web languages to create a fully-customized survey design or respondent interaction.

Adding Standard Dynamic Questions

Dynamic questions can greatly improve surveys by providing a more engaging experience for respondents. These question types use the same structure as the basic question types we learned about earlier, including the same data structure. In this lesson, we'll learn how to add numerous dynamic question types to our survey using the uses attribute.

thumb_Adding Standard Dynamic Questions.png

Reference Materials:

Theme and Themevars

The LESS theme file controls much of the styling within Decipher surveys. In this lesson, we'll learn how to add a theme to our survey using the <theme>and <themevars> tags. We'll also learn how to include multiple themes in the same project using the <themes> tag, and how to overwrite LESS variables to make survey-specific changes to our themes.

thumb_Theme & Themevars.png

Reference Materials:

XML Style System

XML styles can be used to modify HTML, or add CSS or JavaScript to create a customized survey or question on a per survey basis. In this lesson, we'll learn the basics of modifying the layout of the survey page with the XML <style> tag. We'll also learn about which attributes to include to adjust when and where the style override loads.

thumb_XML Style System.png

Reference Materials:

Embedding CSS and JavaScript

CSS and JavaScript can be embedded within a Decipher survey either in the form of an external file or written directly to the XML within the style tag. While this lesson will cover the process for implementing these languages into surveys, it is not meant to serve as a tutorial for programming in the CSS and JavaScript languages themselves. For this reason, some understanding of CSS, JavaScript, and/or jQuery is required.

Free online tutorials are included within the reference materials below.

thumb_Ebedding CSS & Javascript.png

Reference Materials:

  • Was this article helpful?