Revision as of 00:24, 21 April 2017

Back to Contents

Overview

The Banner is the strip above the menu system. On installation, it's branded with our Layton ServiceDesk logo. This is customisable.

There is always at least one default banner configured in the system.

Toolbar Buttons

Button	Name	Description
	Label	Add a text string to the banner region.
	Add Hyperlink	Add a static hyperlink.
	Add Image	Add an image to the banner.
	Page Properties	Change colors and Whiteboard properties.
	Preview Mode	View the proposed changes.
	Snap to Grid	Toggle between page elements snapping to the grid and arbitrary pixel placement.

Changing Appearance

Company Logo

The page element you probably most want to change is the Layton ServiceDesk logo. You will need to prepare a replacement logo prior to modification of the banner design. It is recommended that you use PNG format, with transparency, for best results.

Procedure

1. Prepare your replacement logo. Recommended size is 240 x 65 pixels or less. These are the dimensions of the default Layton ServiceDesk image, Layton-ServiceDesk_Logo_White.png.
2. Go to Administration > Form Design > General Forms > Banners > Default.
3. Click the Layton ServiceDesk logo.
4. Click the Delete button to remove it.
5. Click the Add Image button .
6. Click the Select button next to the Image Source field.
7. In the left-hand pane, click the User folder.
8. Click the Upload button.
9. Click the Select button.
10. Navigate to where your replacement logo is, click it and click the Open button. This will populate one of the three filename fields.
11. Click the Upload button to upload the image.
12. In the User folder in the Select Image dialog, double-click the replacement logo. This will take you back to the Image Properties page.
13. You can specify the position on the page here or drag it later.
14. Click the Save button .
15. Drag the Image to the desired position.

Changing Logo Size

If the image is too large or too small, you can adjust the dimensions in the Image Properties page. By entering a value of pixels in the Image Width or Image Height fields, you can control the dimensions. Note that you don't have to specify both. For example, for a 240-pixel-wide image, entering 50 in the Image Height field will proportionally adjust the width.

In this example, by adjusting the height of both the logo and the banner background to a height of 50 pixels, you can make the banner appear smaller.

In this example, the logo and banner background image have been resized to 80 pixels high and the image is cropped.

The banner height is fixed at 65 pixels high.

It is recommended to prepare your image at the size you will be using it for best render quality. In the larger size example above, the image begins to look fuzzy with the upscaling.

Back to Contents