Coursesuite

Visual layout tab (Coursesuite)

(Click image to enlarge)

For info on how this layout looks when the course is played, go here!

Any changes made here will have to be saved by clicking the blue Save button in the top right of this area. Don't forget to do this before switching to other pages or tabs!

Category: Item: What it does:

Header

Show Choose to display the course name, course description or neither. (course.name) (course.description)
Header background image Choose an image to display in the header area. Click on the thumbnail to open the Image Browser and select your image.
Header background alignment Choose the header image's vertical alignment - either Top, Center or Bottom.
Header background tiling Choose the header image's tiling (repeating) effect - either None, X axis only (i.e. horizontal), Y axis only (i.e. vertical) or X & Y axis (ie. horizontal & vertical).
Header background size Sets the header image's size. Type in one of the following CSS syntax keywords for the desired effect:
  • auto: Image is displayed at its normal size.
  • length: Sets the width and height of the image. First value sets width, second value sets height (i.e: don't type 'length', type '50px 20px').
  • percentage: Sets the width and height of the image in percent of the parent element (header area). First value sets width, second value sets height (i.e: don't type 'percentage', type '50% 20%').
  • cover: Image is resized to cover the entire container (header area). If set to this, tiling will not be visible.
  • contain: Image is resized to ensure it is fully visible.
  • initial: Sets this property to its default value. Functions identical to auto in this instance.
  • inherit: Inherits this property from its parent element. Functions identical to auto in this instance.
Navigation buttons Check / uncheck the tickboxes to enable / disable the Previous, Home and Next buttons. This affects both the header and footer.

Menu / Content

Auto-hide width ...
Menu starts open Check / uncheck the tickbox to enable / disable launching the course with the menu already open.
Player height Sets the player height, either as a percentage of the course's display size (see Course Player), or in pixels. (100 percent by default)
Primary colour Opens a colour palette for selecting the primary colour. This affects the header (if no image is used), menu, H1 text and the quiz interface. (layout.basecolour)
Secondary colour Opens a colour palette for selecting the secondary colour. This affects the footer, H2 text and hyperlinks. (layout.altcolour)
Tertiary colour Opens a colour palette for selecting the tertiary colour. This affects H3 text. (layout.altcolour2)
Page colour Opens a colour palette for selecting the page background colour. White by default. (layout.pagecolour)

Footer

Copyright text Text field for typing a short segment of copyright text. Check / uncheck the tickbox to enable/disable showing it when the course is played.
Navigation buttons Check / uncheck the tickboxes to enable / disable the Progress, Glossary, References and Help buttons.