Dynamic CSS Classes

From within Fast Track CRM you can add CSS classes onto your On Site Notifications and Rich Inbox Notifications. A use case for this would be to design-wise distinguish between an informative message and a promotional message.

Start with talking with your Integration Manager to enable these fields.

Here are some examples of how to target the CSS when using the dynamic CSS classes:

/* Inbox Notification or On Site Notification with dynamic class: */
#fasttrack-crm .notification-small.ft-notification-dynamic-class-DYNAMIC_CLASS_STRING_HERE {
  background-color: yellow;
}

/* Inbox Notification together with dynamic class: */
#fasttrack-crm .notification-small.ft-notification-type-inbox.ft-notification-dynamic-class-DYNAMIC_CLASS_STRING_HERE {
  background-color: black;
}

/* Inbox List item with dynamic class */
#fasttrack-crm li.message.ft-notification-dynamic-class-DYNAMIC_CLASS_STRING_HERE {
  background-color: green;
}

/* Opened up inbox message with dynamic class: */
#fasttrack-crm .selected-message.ft-notification-dynamic-class-DYNAMIC_CLASS_STRING_HERE {
  background-color: black;
}css