Content styles - Fluid Topics - 4.0

Fluid Topics Configuration and Administration Guide

Category
Reference Guides
Audience
public
Version
4.0

Selecting the Content styles tab in the Portal section of the Administration menu opens the Content styles administration interface, where the following options are available:

  1. Selecting Download downloads the content styles configuration as a content_styles_configuration_${tenantName}.json file.
  2. Selecting Upload uploads a previously downloaded content styles file.

To perform other actions, ADMIN and PORTAL_ADMIN users can choose from the following tabs:

  1. Topic Styles: selecting this tab displays a a CSS editor to customize the content style of topics in the Reader page (class="topic").
  2. Title Styles: selecting this tab displays a CSS editor to customize the title styles in the Reader page (class="title").
  3. Background Images: selecting this tab displays the following sections:
    • A section to add one or more background images to display in the Reader page (class="background-image"). It is possible to use custom CSS classes to choose which image to display based on metadata.
    • A section with a CSS editor to customize the style of the background by referencing the LESS variable assigned to an image uploaded in the previous section (for example, @image1).
  4. Custom CSS classes: selecting this tab displays a table to define CSS classes that annotate the Document Object Model (DOM) of content in the Reader Page based on metadata.



- The CSS editors available in the Content styles administration interface only accept LESS variables.

- If using HEX color codes, it is necessary to enter them without quotation marks, for example: @example_of_element_name: #ffc107.



- A screencast about configuring a background image at the map level is available.

- It is also possible to configure a background image at the topic level.