Overview
This page describes in further detail how the tinyMCE content editor can be used to create simple, or complex event templates.
The Content Editor
The Content box is a simple WYSIWYG ('What You See Is What You Get') HTML editor embedded in Cumulus.
It is deployed anywhere a event template is required and HTML is supported.
Some standard text formatting options are available. To add graphics to the message, such as an image or logo, the image file needs to be hosted externally. This is the preferred way of handling images in a message, rather than as attachments. This is also the method to define custom inline CSS on individual HTML tags. This is done by editing the HTML directly, using the Edit HTML Source function, and including the image in the HTML code directly.
Insert the required event Variables into the message. Different event types will have different event variables available. These are shown beside the Content box.
Insert event variables to include in the message from the list of variables that appear beside the Content box, which are specific to the event type.
Click the variable name in the list. The variable code will be added to the subject field. Position it within the text as required.
Use the Preview function to see how the message will appear to the customer.
The Use of Cascading Style Sheets ('CSS')
For clarity, Emersion only support 1 method of including CSS (Cascading Style Sheets) in your email message templates. That being the INLINE method only.
Embedded or external CSS is not supported.
| Supported? | CSS method | Description | CSS Example |
|---|---|---|---|
| YES, SUPPORTED | Inline | Inline styles are styles that are written directly in the tag on the document. Inline styles affect only the tag they are applied to. | <a href="" style="text-decoration: none;"> |
| NOT SUPPORTED | Embedded | Embedded styles are styles that are embedded in the head of the document. Embedded styles affect only the tags on the page they are embedded in. | <style type="text/css">
p { color: #00f; }
</style>
|
| NOT SUPPORTED | External | External styles are styles that are written in a separate document and then attached to various Web documents. External style sheets can affect any document they are attached to. | <link rel="stylesheet" type="text/css" href="styles.css" /> |