X4 Produktdokumentation
X4 Produktdokumentation
Breadcrumbs

<Notifications>

The Notifications element creates an info banner in the Web App.

Note:

The content of the info banner is automatically reloaded every 30 minutes. To manually reload the info banner content, refresh your X4 repository.


Possible attributes:

Attribute

Description

infoBannerProcess

Required. Path to the .wrf file that provides the data. The Technical Process must be contained in the Services/Processes folder.

Possible values: String

Technical Process

In order to display an info banner, a Technical Process must provide the data in a specified XML structure.

XML
<Alerts>
	<Alert>
		<Background></Background>
		<Foreground></Foreground>
		<Icon></Icon>
		<Message></Message>
	</Alert>
</Alerts>


Element


Description

Background

Defines the background color.

Note:

This setting overrides the default color of the color scheme.


Possible values:

  • Hexadecimal color value, e.g.  ff5a00

    Note:

    • Do not use a hash before the color value.

    • Do not use abbreviated notation of the color value.


  • Color code from the color palette of the Web App (see Theming), e.g. A200


Foreground

Defines the font color.

Note:

This setting overrides the default color of the color scheme.


Possible values:

  • Hexadecimal color value, e.g. ff5a00

Note:

  • Do not use a hash before the color value

  • Do not use abbreviated notation of the color value.

  • Color code from the color palette of the Web App (see Theming), e.g. A200


Icon


Path to the image file or specification of a Material Icon that will be used as the component's icon.

Note:

  • The material icon must be specified with the prefix icon, e.g. icon:<MaterialIconName>.

Possible values:

  • String (URI), e.g. clock.png

  • icon:<MaterialIconName> , e.g. icon:extension

  • Any URL, e.g. http://mysite.com/logo.png


Message

Message of the info banner.

Possible values:

  • Any string


Example

XML
<Alerts>
	<Alert>
		<Background>A700</Background>
		<Foreground>900</Foreground>
		<Icon>icon:3d_rotation</Icon>
		<Message>Upcoming maintenance</Message>
	</Alert>
</Alerts>