This new feature allows organizations to customize the appearance of rich text on the Details view and within generated object books using custom CSS. This update enables to adjust various text attributes such as font, color, size, line height, and list styles, providing a consistent and branded look across EPC and object books.

How it Works

System Admins can apply custom CSS by inserting code into the Advanced Settings:

  • RICHTEXT_CUSTOM_STYLE: Custom CSS for rich text fields on the Details view, using HTML.
  • BOOK_HTML_STYLES: Custom CSS for object books, using JSON.

Below are examples of code used in these settings and their resulting appearance.

RICHTEXT_CUSTOM_STYLE – HTML

<style>
  p {
    font-family: Verdana, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #0033A0;
  }
  h1, h2, h3, h4, h5, h6 {
    font-family: Georgia, serif;
    color: #FFA500;
  }
  ul {
    font-family: Verdana, sans-serif;
    font-size: 16px;
    color: #004D40;
    list-style-type: square;
    margin-left: 20px;
  }
</style>

Results in Details

BOOK_HTML_STYLES – JSON

{ "<JSoup CSS Selector>": "<style", ... }{ "p": "font-family: Verdana, sans-serif; font-size: 16px; line-height: 1.6; color: #0033A0;",  "h1, h2, h3, h4, h5, h6": "font-family: Georgia, serif; font-size: 28px; color: #FFA500;" }

Results in Object Books

Need more help with this?
Visit the Support Portal

Thanks for your feedback.