Rendering Styles

Viewing

To view and edit the rendering styles associated to a responsive survey:

1. Within the Illume survey editor, go to the “Survey” menu and select “Style”
   

2. If you scroll down on the left pane, you will see the style tree for “Survey”, and eventually for “Tablet” and “Mobile”.
   

3. The “Survey” style tree is the default style, if the browser size does not require Tablet or Mobile display.

4. The three style trees – Survey, Tablet, and Mobile – provide access to altering the survey style settings. When Responsive rendering is selected, you will see that the style settings, such as font and control size, varying across the 3 modes.

Editing

To edit a style setting associated with a particular rendering style:

1. Expand the tree for “Survey“, “Tablet“, or “Mobile“.

2. Find the style setting on the left pane that you wish to alter.

3. Edit on the right pane by clicking in the rectangle next to the setting.

For example, to edit the “alternating question highlighting color“:

1. Click on “Alternating” under “Question” within the Mobile tree.

2. In the right pane, click on the box next to Background Color where it currently says “Default”.

3. This pulls open the Pick Color modal.