This article...
- Explains how the Divider element in Template Designer visually separates template content.
- Describes how to add a Divider in Template Designer.
- Details how to manage the color, thickness, and banded background properties for Dividers.
Dividers overview
Template Designer offers a Divider element with which you can place a horizontal line on the canvas. Dividers are an easy way to create a physical division in your template's content to make it more visually appealing and, often, more readable.
When you are creating or editing a template, consider the following notes about dividers.
- The Divider element is offered in Template Designer only; it is not available in Message Designer.
- You cannot add dividers when you create or edit a message, so if you want this element in your messages you must add it to the templates those messages will use.
- Dividers can be managed in their host template only.
- You cannot manage (i.e., modify or delete) dividers when you create or edit a message.
Divider example
The image below shows a yellow divider below the logo and above a layout in a template.
Add a Divider
- In Template Designer, access the Design tab and click the Build sub-tab.
- Click to expand the Static Elements category.
- Click and hold the Divider element and drag it to the canvas.
- Drop the element where you want it on the canvas.
The Divider Properties panel opens on the left and is described in the next section.
Manage Divider properties
You can manage several properties for a Divider.
- As you manage these properties, they immediately display on the canvas.
- Review your changes as you work to get just the right "look" for the Divider.
Property | Description |
---|---|
Color | Click the dropdown to open a color picker where you can set the color of the Divider. |
Thickness | Click the dropdown to set the thickness of the Divider (1 – 20 pixels). |
Banded Background | Accept the Default option to keep the Divider within the message body. Click Banded to have the Divider extend to the edges of the page. |
- Click Save in the upper right of the page to preserve your changes as you work.
- Click Back in the upper right of the panel to close it and save your changes.