Working with the Banner signature element – Exclaimer Knowledge Base

Description

The Banner element allows you to add larger images to your signature designs, including Branding. This functions the same way as the Image/Logo element, but is designed for wider, rectangular images to create a banner effect.

How to access it

To access the Banner signature element:

Open your signature in the Signature Designer.
For more information, see how to select a signature to edit.
From the toolbox, expand Images & Icons and select the Banner element.

_{The Banner element is found in the Images & Icons section.}

Select an option below to view the related instructions:

Adding a Banner element

To add a Banner element to your signature:

Drag and drop the Banner element onto your canvas.

_{Drag the element to any area of the canvas.}

This opens the Banner window.

_{The Banner window contains the image options.}

NOTES: A banner image can be embedded directly into the signature, or hosted externally via a web link. For more information, read about the differences between embedded images vs. linked images in email signatures.
To add Branding images, select the Brand Image radio button. This opens the Brand Image tab, which displays previews of any Branding you have added. Select either Logo, Icon, or Banner. If you have not uploaded any Branding images, a blank placeholder is added to your canvas, which will update once you add images in the Branding screen. For more information, see How to use Branding in a signature.
To add a linked image as your Banner, select the Linked Image URL radio button then enter the image URL.
To add an embedded image as your Banner, select the Embedded Image Upload radio button, then select UPLOAD IMAGE to choose an image.
Select OK to confirm your choices and close the window, or select Cancel to return to the canvas without saving.

Deleting a Banner element

To remove a Banner element:

Select the Banner on the canvas.
Select Delete from the Properties pane.

_{The Delete button is found in the Properties pane. You may need to close Properties sections to view it.}

Defining Banner properties

You can edit the following element properties in the Properties pane:

Image source properties

Image properties are used to specify the image type and file origin.

For more information, see embedded images vs linked images in email signatures.

Branding	Select to set your image as a Branding Logo, Icon, or Banner.
Linked Image URL	Select to set your image as a linked image. Enter the image URL.
Embedded Image Upload	Select to set your image as an embedded image.
Upload Image	Select to upload an embedded image file. NOTES: The maximum file size allowed for uploaded images is 150kb. The maximum image dimensions are 2048 x 2048 pixels. We recommend that images you use are 96 dots per inch (dpi).

Hyperlink properties

Hyperlink properties are used to apply a hyperlink to the image.

Destination URL	Enter the URL to use in the hyperlink.
Alt Text	Enter alternate text to be shown if this image cannot be displayed.

Background properties

Background properties are used to define the background of the item.

Background	Enter or select the background colour of the item. Enter transparent to set no background.

Visibility properties

Visibility properties are used to adjust when the item appears.

Always visible	Select to ensure the item is always visible in the signature.
Auto-hiding separator	Select to only make the item visible when there are other visible, non-separator items before and after it in the same group.
Visible when	Select to set conditions under which an item becomes visible.

Alignment properties

Alignment properties are used to determine the horizontal and vertical alignment of the item.

Horizontal	Select Left, Center, or Right to set the horizontal alignment.
Vertical	Select Top, Center, or Bottom to set the vertical alignment.

Border properties

Border properties are used to set borders on the item.

All	Check All the same to enable the All border properties. Select line style, line width, and line colour to apply to all sides of the item.
Left / Right / Top /Bottom	Uncheck All the same to enable individual border properties for Left, Right, Top, and Bottom. Select line style, line width, and line colour to apply to each side of the item.

Padding properties

Padding properties are used to define spacing for the item.

All	Check All the same to enable the All padding properties. Enter either a pixel or point value to apply padding to all sides of the item.
Left / Right / Top /Bottom	Uncheck All the same to enable individual padding values for Left, Right, Top, and Bottom. Enter either a pixel or point value to apply padding to each side of the item.

Size properties

Size properties are used to define the size of the selected field.

NOTE: Changing the size properties of a Branding image will remove the connection to the image file uploaded on the Branding screen. This means that any updates made to Branding images on the Branding screen will no longer be reflected in this signature.

Width

Enter a pixel (px) or point (pt) value to set the width of the item.

Set EITHER the Width OR Height value to auto to allow the item to automatically adjust based on viewer size. Setting both values to auto will display the image at its standard size.

Height