Define Banner Properties for a Site

The Site Banner displays at the top of the Site and usually identifies the Site (ex: company name and logo). Use a Site's Banner Properties page to define:

  • What the Banner looks like (background color and image, and Banner image).
  • What and how text displays on the Banner (title, subtitle, and baseline text, fonts, and colors).
  • The Banner's height and position (relative to a margin).
    Note: Some of these properties were initially set when you created the Site using the Site Wizard.

To define Banner properties for a Site:

  1. Open a Site in the Site Editor.

    The Site Editor opens and displays a preview of the Site. The Site Properties window opens within the Site Editor and displays the Site's current properties.

  2. Click the Banner page.

    Site Properties Window Banner Page

  3. Edit the Banner properties:
    1. Show Header: Select this check box to display a Banner at the top of the Site. Then, define how the Banner looks.
    2. Background: Select the color, image, and image alignment to display behind the Banner text.

      Notes: Use the Image Manager to select an existing image or import a new image. Images used for backgrounds are usually subtle, such as a grayed, partially transparent logo. However, a background image can also be a complex image (ex: a custom image that incorporates the name of the Site). The background color can be a solid color or a gradient.

    3. Image button: Select the image, image size (in pixels), and image alignment to display on top of the background.

      Tip: This image displays on top of the background image so either align the images differently or design them to work in layers.

    4. Title (Banner): Specify a title to display on the Banner, and then select its color, alignment, and font. This title was initially autofilled by the Site title you defined in the Wizard but it can be changed and it can be different than the Site title.
    5. Subtitle: Specify a subtitle to display under the title on the Banner, and then select its color, alignment, and font.
    6. Baseline Text: Specify any additional text to display on the Banner, and then select its color, alignment, and font.

      Tip: Use this for copyright notices or creation information.

    7. Fixed height: Select this check box to make the Banner a fixed height that you specify, in pixels. If not checked, the Banner resizes to accommodate its text, images, and margins.
    8. Extend banner for application bar: Select this check box to automatically resize the Banner to take into account the height of the Site's Application Bar. If not checked, text might overlap the Application Bar, because it will overlap the Banner.
    9. Margins: Click this button to define top, bottom, right, and left margins (in pixels) around text. If not checked, the Banner uses defaults of zero (0).
  4. Click OK.

© Copyright 2016 Cherwell Software, LLC. All rights reserved.