Style a Question

Style a Question

Styling questions with CSS

Styling of questions using CSS has become much easier. Each question type now has a unique class. The mandatory questions have an additional mandatory class. 

Please refer to the Styling a question with CSS section for details on the topics listed below:
  1. Global Classes for Question Part
  2. Examples of Question Part with Classes
  3. A Full List of Question Classes
  4. A Full List of Validation Classes
  5. Importing Styles into Your Custom Template
  6. Internet Explorer Conditional Style sheets
  7. Alternative Solutions for Internet Explorer
  8. Right-to-Left (RTL) Languages and Justify
  9. Keywords
  10. Input/Buttons
  11. Styling the Progress Bar
  12. Advanced Features Available to Developers
  13. Support for Your Own Javascript Functions
It is possible to edit the question layout/design with CSS using the theme editor. 
    • Related Articles

    • Preview Question

      Preview a question There a two ways to preview a question: (1) from the Question summary page or (2) while editing a question. 1. Preview a question from the question summary page You can access the Question summary page from the (a) Settings tab or ...
    • Question Summary

      Question summary The page is divided into three sections. Question toolbar: You will find the following options on the toolbar: Preview survey: Click to preview the entire survey. Preview question group: Click to preview only the current question ...
    • Question Settings

      Question settings Note: The question settings panel is displayed when you add/edit a question and is located on the right. The settings displayed may vary based on the question type selected.   Please refer to the screenshot below for a basic ...
    • Add a Question

      Add a question Once you have created your question groups, you can start adding questions to each group. There are several ways to add questions.  A few are presented below. 1. You can add questions from the Survey structure menu. 2. You can access a ...
    • Import a Question

      Importing a question The following steps demonstrate how to import a question to a survey.  1. From within a survey, click the Structure tab. 2. From the Create question page, click Import question at the top of the page. The Import a ...