Skip to content

Text

The Element type Text allows you to display rich text content on the dashboard. Unlike simple text elements, this type can inject HTML into the DOM of the Business Portals Portal, enabling the creation of custom elements and embedding dynamic content such as iframes.

Configuring a Text Element

To configure a text element, follow these steps:

  1. Click on the search icon in the top-right corner .
  2. Search for Business Portals - Dataset List and open the page.
  3. Select the dataset you want to configure the element for.
  4. On the newly opened dataset page, execute the action Dashboard Groups.
  5. Create a new line or select an existing one. For more info about how to set up a dashboard, follow this documentation.
  6. To assign the element the text type, select it via the Element View Style field.
  7. To assign a dataset, select one via the Dataset Table Code field. If there are none visible, refer to this documentation on how to set up dataset tables.
  8. There is a fact box called Web Content on the page. If it's not visible, click on the info icon in the top-right corner.
  9. Execute the Edit action of the fact box.
  10. Here you can define all properties of your text element.

Tip

The Text element is highly flexible and can be used for embedding interactive content, external media, or even custom UI components.

Metadata for Text

In the General section, you can define the basic properties of the text element:

  • Caption: Defines the label shown for the text element.
  • Subtitle: Adds an optional subtitle.
  • CSS Class - Header: Specifies a custom CSS class for styling the header.
  • CSS Class - Content: Specifies a custom CSS class for styling the content.

Text Settings

In the Text section, you can configure the following property:

  • Text: Defines the content that will be displayed. This field supports HTML, meaning you can inject custom HTML elements directly into the Business Portals Portal.

Advanced Use Cases

Because the Text element allows HTML injection, it can:

  • Create custom elements to enhance the UI.
  • Embed iframes, making it possible to display external content like:
  • X (formerly Twitter) posts
  • News articles
  • YouTube videos
  • Dashboards from external tools

Styling a Text Element

You can style the text element using custom CSS classes defined in the CSS Class - Header and CSS Class - Content fields. This allows for better integration with the overall dashboard design.

See Also