Online Help | Desktop App

Customizing E-mail Notification styles

This article describes how to customize the appearance, such as the font, color, size, etc., of Email Notifications via Cascading Style Sheets (CSS). E-mail Notifications are automated email messages triggered by various events in Alloy Navigator Express to notify the people involved in the workflow.

All Email Notifications, including workflow notifications and SSP notifications, use HTML format. To customize their styles, go to Customization > General > CSS Styles > Outgoing HTML Notification in the Settings App.

NOTE: Administrative alerts do not support HTML format, therefore the Outgoing HTML Notification stylesheet do not apply to them.

INFO: For more information about CSS, see the CSS reference on MDN Web Docs.

To customize the current style:

  1. Customize CSS style definitions as you need. Make sure not to delete or modify existing CSS class names and selectors.

  2. Click Save on the Standard toolbar.

To export the current styleshteet to a .css file:

  1. Click Save To File. The Save Stylesheet to window opens.

  2. Browse for the location to save the file to, then enter the file name and click Save.

To import the stylesheet from an external .css file:

  1. Click Load From File. The Load Stylesheet from window opens.

  2. Browse for the .css file and click Open.

  3. Click Save on the Standard toolbar.

TIP: When you import styles from an external file, you replace the current style definitions with the external ones. You may want to export your current stylesheet for backup purposes before importing the external stylesheet.