Novi Survey Home
Templates - Layout
Previous Topic  Next Topic 


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.








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















       Header and questions color:

               Header background color: The background color for the header area.


               Question background color: The background color for the question page.


       Single color and image:


       


Header and questions background color: The color to use for the background of the combined header and question areas.


Header and questons background image, Image repeat: The image to use for the background of the combined header and questions areas. The repeat of the image along the vertical and horizontal dimensions is determined by option 'Image repeat'        



       



  • 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.




The question and header area may be either surrounded by a border or have rounded corners. These areas cannot have both rounded corners and a border.


  • Round corners: Specifies if the corner of the question and header areas should be rounded. If the spacing between the header and question area is zero then the header and question area will be treated as a single rectangle with 4 corners. If the spacing if greater than zero, the header and the question area will be treated as a rectangle each (i.e., 2 rectangles with a total of 8 corners). The rounding of the corners applies to each of the rectangles for the header and the questions (either 1 or 2 rectangles). This option should not be selected when a image is used for the background of the header and question areas (see 'Single color and image' above).


  • 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.





  • Marker for required questions: Specifies if and how required questions are identified visually to the participant.



The options available are:


Show marker: specifies if required questions are identified


Marker text: the text to add at the end of the question to designate it as required. By default, an asterisk character is used.


Marker font: the font for the marker text


Size: the size for the marker text. The size should equal or smaller than the size of the font for the question text to avoid offsets in the positioning of the question title.


Weight: the weight for the marker text


Color: the color for the marker text




  • Prevent zooming (mobile): Specifies if zooming is allowed when accessing the survey from a mobile device. If zooming is allowed, standard zooming gestures will be honored. If zooming is not allowed, all zooming gestures will be ignored and the appearance of the survey will remain the same.