Impact: Message body
- Todd McGill
The message body is built from one or more content widgets.
You can create as many widgets as you need.
→ Details: Proliferating Data Definition items
Selecting the widget type
Use the dropdown to select the desired widget type.
One-column content
Adding content
In a one-column content widget, all content in entered into a single wysiwyg field and formatted using the available wysiwyg controls.
Two-column content
The two-column content widget displays content is two side-by-side columns. The width of each column is selectable from a pre-defiened list of options.
On small-screen devices, the two columns will re-arrange themselves into a single column, with the left column positioned on top.
Selecting column widths
Use the dropdown to select the desired column widths.
Selection | What this means | What this triggers |
|---|---|---|
145px, 435px | Left column will be 145px wide, right columns will be 435px wide. The is a one-fourth, three-fourths ratio. | N/A |
195px, 385px | Left column will be 195px wide, right columns will be 385px wide. The is approximately a one-third, two-thirds ratio. | N/A |
290px, 290px | Both columns are 290px wide. This is a one-half, one-half ratio. | N/A |
385px, 195px | Left column will be 385px wide, right columns will be 195px wide. The is approximately a two-thirds, one-third ratio. | N/A |
435px, 145px | Left column will be 435px wide, right columns will be 145px wide. The is a three-fourths, one-fourth ratio. | N/A |
Adding content
Use the two wysiwygs to add column content. The first wysiwyg populates the left column, the second populates the right.
Entering content that is wider than the selected column width will break the layout. Most commonly this will occur with improperly sized images or long, unbreakable strings of text (e.g., long URLs or email addresses).
Separator
Separators can be used to divide message content into sections. Full- and parital-width separators are available with left- and center-alignment options.
Selecting separator width
Selection | What this means | What this triggers |
|---|---|---|
Full | A full-width separator will be displayed. | N/A |
Partial | A partial-width separator will be displayed. | Causes the Alignment Data Definition field to display. |
Alignment
Selection | What this means | What this triggers |
|---|---|---|
Left | The separator will be left-aligned. | N/A |
Center | The separator will be center-aligned. | N/A |