Details View & Object Book Custom CSS Support

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 help with these settings? If you have any questions or need assistance, feel free to visit our Support portal, email us at support@interfacing.com, or click here to access live chat on Interfacing’s website.