The layout tab defines the structure of the template. The major areas in a template are shown in the figure below. Specific fields in the layout tab act affect the visual appearance of these areas.
|
Logo The image for the logo to display in the header of the survey |
|
|
Logo alignment The alignment of the logo, if any, in the header of the survey. Option position with title controls the vertical position of the logo relative to the vertical position of the title for the survey. If the option is not set, the logo is shown above the title. If the option is set the logo is at the same vertical position as the title. Example: Position with title not set
Position with title set
|
|
|
Survey name alignment The position of the survey name relative to the header area for the survey |
|
|
Page title alignment The position of the page title relative to the question area for the survey. The page title is shown at the top of the question area for each page in the survey. |
|
|
Survey name & logo display Controls if the survey name and template logo are shown to respondents. |
|
|
Survey alignment The position of the survey (i.e., header and question areas) relative to the browser page. |
|
|
Total width The width the header and question areas in pixels. |
|
|
Page margin The minimum margin between the edge of the browser frame and the area displaying the survey (i.e., the minimum margin around the survey). |
|
|
Page background color The background color for the browser page. |
|
|
Header background color The background color for the header area. |
|
|
The background color for the question page. |
|
|
Validation error color The color for validation errors displayed to respondents. |
|
|
Link Color The color of links embedded in the survey or the completion page. |
|
|
Spacing between header and content The separation in pixel between the header and question areas. |
|
|
Round corners |
|
|
Corners to round The corners of the header and question areas that should be rounded. This option is available only when the option round corner is set. |
|
|
Corner radius The radius for the rounder corners in the header and question areas. Examples: radius 12 radius 20 |
|
|
Drop shadow opacity The opacity of the shadow around the header and question areas. Opacity of 100% corresponds to a black shadow, opacity of 0% corresponds to no shadow. The option is available only if option Round corners is not set. Examples: 0% opacity 50% opacity 100% opacity |
|
|
Border width The width in pixel of the border around the question area. The option is available only if option Round corners is not set. |
|
|
Border color The color of the border around the question area. The option is available only if option Round corners is not set. |
|
|
Border style The type of the border around the question area. The option is available only if option Round corners is not set. |
|
|
Extend border to header Controls if the border extends to the header area. The option is available only if option Round corners is not set. |
|
|
Controls how questions are marked within the question area. The options available include shapes and numbers. |
|
