Additional <HEAD> Content

This setting allows additional HTML content to be added to the <head> element of the dashboard HTML. An example of such content are HTML tags used for loading custom styles or fonts.

Dashboards are loaded with additional <HEAD> Content specified by merging the <HEAD> Content of the following:

  • Additional <HEAD> content specified for the current dashboard

  • Any <HEAD> content from the current template dashboard, if the current dashboard is being loaded by a template

  • Any <HEAD> content specified by the <HEAD> content property of the Web UI plugin settings.

Configuration

Each row of the <HEAD> Content table defines a tag to be added to the <head> content of the dashboard HTML.

Field Description

Field Name

Type. Indicates that the content is a tag.

type

Tag Name. Defines the name of the tag.

name

Tag Attributes. Data Table defining a list of attributes

  • Name - attributeName. Define the attribute name.

  • Value Expression - attributeValueExpression. Expression which evaluates to the attribute value. The resolution environment and conditions are the same as Content Expression.

attributes

Content Expression. Expression must evaluate to a string, which is processed as the content value.

  • Expression is evaluated at the moment the dashboard is requested.

  • Evaluation result is HTML-escaped before inserted into the HTML markup.

contentExpression

Value Expression and Content Expression Resolution Environment:

Default Context

Dashboard context.

Default Data Table

None.

Default Row

0

Environment Variables

Standard variables only.

Example

The following table shows how a custom stylesheet can be defined for insertion into the <head> element.

Type

Tag Name

Tag Attributes

Content Expression

tag

link

Two entries:

  • Name: href

  • Value Expression: customstyles.css

  • Name: rel

  • Value Expression: stylesheet

-

The additional HTML element described above will appear in the <head> element as shown below. 

<head>
    <meta charset="UTF-8"/>
    ...other tags...
    <link rel="stylesheet" href="customstyles.css"> 
</head>

Was this page helpful?