Skip to main content

Hello, how can we help you today?

Or select a category below
Getting Started
Videos

Working with the Icons signature element

  1. Exclaimer Knowledge Base
  2. User Manual
  3. Signatures
  4. Edit Signature Design
Ari Flavell
  • Updated

Description

The Icon element allows you to add a variety of image icons to your signature. These can be useful for labeling other elements, adding hyperlinks, or using as decorative elements.

How to access it

To access the Icons signature element:

  1. Open your signature in the Signature Designer.
    For more information, see how to select a signature to edit.

  2. From the toolbox, expand Image & Icons and select the required Icon.


    The Icon element options are found in the Images & Icons section.

Select an option below to view the related instructions:

Adding an Icon element 

To add an Icon element to the signature: 

  1. Choose an Icon from the toolbox. Drag and drop the Icon element onto the canvas.


    Drag the Icon to any area of the canvas.

  2. To add a hyperlink to your icon, select the icon then, under Hyperlink properties in the Properties pane, enter your URL in Destination URL.
Deleting an Icon element

To remove an Icon element:

  1. Select the element on the canvas.

  2. Select DELETE from the Properties pane.

Defining icon properties
You can edit the following properties in the Properties pane:

Label Icon properties

Label Icon properties are used to determine the appearance of the icon.

Background Enter or select the background colour of the item. Enter transparent to set no background.
Foreground Enter or select the foreground colour of the item. Enter inherit to inherit the colour from the parent element.
Width  Enter a pixel (px) or point (pt) value to set the width of the item. Set to auto to allow the item to automatically adjust based on viewer size.
Height Enter a pixel (px) or point (pt) value to set the height of the item. Set to auto to allow the item to automatically adjust based on viewer size.
Corner Radius This option is not valid for Icons.

 

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.

 

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 This option is not valid for images.
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.