Style Survey Elements using Project Level Styles

Business Background

Titan Web offers the option to change theme, layout, and text formatting quickly in just one click. You can make the survey look and feel consistent.

Titan Solution

  • With Titan Web project styles, you can seamlessly configure or import styles such as templatetext, colorfont type, and upload images.
  • You can change the spacing between paragraphs, change how columns are sized, border, and more.

How to Video

In this video, learn how to seamlessly configure project-level styles in a Titan Survey.

  • 00:00 A short intro on the tutorial.
  • 0:13 Learn how you can style your survey in Titan Survey.
  • 0:44 We show you how simple it is to change the background color to match the input field.
  • 1:29 Style the input field by adding a border.
  • 1:55 Change the icon color in a Star Rating Survey.
  • 2:50 Steps to follow to style your project in Titan Survey.

How to Guide

After creating all the necessary questions, style your survey elements using Project Level Styles.

  1. Click the Project drop-down and select the Theme option. The Theme screen opens.
Project drop-down list
Project drop-down list
  1. Select a theme from the Theme list on the right of the screen to quickly change the theme of your survey.
Theme list
Theme list
  1. Click the Project drop-down and select the Style option.
  2. Click the Configure option. The Customize Styles screen.
Configure Styles
Configure Styles
  1. Set the following on the Customize Style screen:
    • Simple Elements
    • Complex Elements
    • Project Level Elements
    • ECommerce
    • Scheduler
Customize Style screen
Customize Style screen
  1. For example, you can set the Simple Element as follows:
    • Set the Strip Columns’ width, Font, Padding, Margin, and more.
    • Set the Line Color and Size.
    • Set the Image Size, Border, and Shadow.
Customize Style screen
Customize Style screen
Note:

The styling option can be different per element. Select an element to see different options.

  1. Click the Import Style option to import styles. The Import style screen opens.
Import Styles
Import Styles
  1. Select the style you want to import.
  2. Click the Apply button.
Import Style selection screen
Import Style selection

Also, learn about Custom Themes.

Hidden Title

Need more help?