Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

HTML templates allow custom and external content to be shown on the asset page.

Info

To enable this feature, add the feature flag ‘html-templates’ in the Deployment Manager.

...

HTML templates are setup configured in Settings > Portal Config Manager - either for a specific portal or all portals (Global).

...

The template may consist of valid HTML and styles, such as text wrapping within <p>, <h2>, <a>, and other tags. Please note, that the template is treated as

Note

Ensure your HTML is valid and safe

Styling
The template is considered a standalone document within the site and doesn't does not inherit any styling from the surrounding context. Any necessary Therefore, any required styling must be directly applied within the template itself.

...


Links
Include target='_blank' attribute within the anchor tag when adding links, otherwise the link will not function as intended. For instance: <a href='https://<url>' target='_blank'>Link text</a>

...

External content

You can integrate external content into your page using the <iframe> tag, with . Simply specify the URL of the external content in the src attribute pointing to the external content's URL. It is essential to ensure . However, keep in mind that the external site must be configured to allow being embedded as an iframe.
<iframe src="https://example.com" width="600" height="400"></iframe>

Info

Ensure that the domain of the external site is included in

...

your site's Content Security Policy (CSP), which is

...

configurable via the deployment manager.

...

The change is required to allow the external content to be loaded

...

in your site.

The template may include a metadata field value, allowing for the dynamic passing of parameters to the external site, such as querystring parameters.
An example is provided below for reference.

...

View template on asset page

...

On the asset page, templates applicable to the page are added to the tab section, as highlighted in yellow in the example.

...