Page Title Module Documentation

Introduction

Group Package 1 websites contain a mix of default verbiage and imagery, with your group's details. This is managed for you by Scouts Online. There is no ability change the settings.

If you'd like to upgrade to a higher package level, please contact us.

The Page Title module appears at the top of most pages on your website.

Each Page Title bar may be personalised to display a colour or image appropriate for your page.

Use Cases

The following panels show specific tasks. Click on a panel to see the procedures.

Display a Random Image

Display a random image in your page title bar.

You may display a random Scouting image in your page title bar. The image will be based on the area of the website that your page is in, so Cubs images will show on Cubs pages, etc.

To do this, follow these steps:

  • Click the settings below the module and override the default settings (see here) or add a module to your own pages, using the Page Designer
  • Tick the Random field
  • Clear the Background Colour field by selecting the top (blank) option from the list
  • Clear the Image/URL field
  • Select a Text Colour
  • Set the Animation Fields as required
  • Click Save to keep your changes or Cancel to abandon your changes

Fig. 1: Random image selected

Fig. 2: Random image

Display a Specific Image

Display a specific image in your page title bar.

You may show a suggested image, an image from the Scouts Online inventory or an image of your won.

To do this, follow these steps:

  • Click the settings below the module and override the default settings (see here) or add a module to your own pages, using the Page Designer
  • Untick the Random field
  • Clear the Background Colour field by selecting the top (blank) option from the list
  • In the Image/URL field, either:
    • Click the Combo box button to see a list of suggested images and select one. See Fig. 1 and Fig. 3
    • Click the Ellipsis button and select an image from the Scouts Online inventory or your own files. See File Selector for instructions.
    • Enter a Virtual Path, shown in the Admin/File Manager See Fig. 2 and Fig. 4
  • Select a Text Colour
  • Set the Animation Fields as required
  • Click Save to keep your changes or Cancel to abandon your changes

Fig. 1: Suggested image selected


Fig. 2: Specific image selected

Fig. 3: Suggested image selected

Fig. 4: Specific image selected

Set a Coloured Background

Set the background colour to a Scouting colour.

Instead of displaying an image, you may set the background colour to a Scouting colour.

To do this, follow these steps:

  • Click the settings below the module and override the default settings (see here) or add a module to your own pages, using the Page Designer
  • Tick the Random field
  • Select a colour from the Background Colour field
  • Clear the Image/URL field
  • Select a Text Colour
  • Click Save to keep your changes or Cancel to abandon your changes

Fig. 1: Background and Text Colour fields set

Fig. 2: Dark blue background with white text

Animate the Header Bar

Animate the way content in the page header bar appears.

You may animate the way the age header bar is displayed.

To do this, follow these steps:

  • Click the settings below the module and override the default settings (see here) or add a module to your own pages, using the Page Designer
  • Set the Animation Fields as required
  • Click Save to keep your changes or Cancel to abandon your changes

NB. If you make a mistake, you may reverse the change in the Admin/Admin Audit Trail

Fig. 1: Animation Fields