Configure the alarm grid columns

In Properties, set the grid columns properties by assigning values and creating dynamic links.

For more information about dynamic links, see Create dynamic links.

Tip: You can use a preconfigured alarm grid instead of creating it from scratch. For more information, select Template Libraries and select Widgets > Alarm Grid.

Prerequisites

To configure the alarm grid columns
  1. Configure TimestampColumn:
    1. Under DataItemTemplate, create a dynamic link between Text, and Aliases > {Item} > AlarmCondition > Time.
    2. Create a dynamic link between Order by and Aliases > {Item} > AlarmCondition > Time.
    3. Set Title to Timestamp.
    4. In Project view , select AlarmsGrid.
    5. In Properties, create a dynamic link between Sort column and ProjectName > UI > MainWindow (type) > AlarmGridPanel > AlarmsGrid > Columns > TimestampColumn > @NodeId.
      Tip: You can select the @Attribute values from the Attribute drop-down menu at the bottom of the dialog.
  2. Configure NameColumn:
    1. Under DataItemTemplate, create a dynamic link between Text and Aliases > {Item} > AlarmCondition > @BrowseName.
      Tip: You can select the @Attribute values from the Attribute drop-down menu at the bottom of the dialog.
    2. Create a dynamic link between Order by and Aliases > {Item} > AlarmCondition > @BrowseName.
      Tip: You can select the @Attribute values from the Attribute drop-down menu at the bottom of the dialog.
    3. Set Title to Name.
  3. Configure SourceVariableColumn:
    1. Under DataItemTemplate, create a dynamic link between Text and Aliases > {Item} > AlarmCondition > SourceName.
    2. Create a dynamic link between Order by and Aliases > {Item} > AlarmCondition > SourceName.
    3. Set Title to Source Variable.
  4. Configure MessageColumn:
    1. Under DataItemTemplate, create a dynamic link between Text and Aliases > {Item} > AlarmCondition > Message.
    2. Create a dynamic link between Order by and Aliases > {Item} > AlarmCondition > Message.
    3. Set Title to Message.
  5. Configure the ActiveColumn:
    1. Under DataItemTemplate, create a complex dynamic link between Path and Aliases > {Item} > AlarmCondition > ActiveState > Id with the use of a key value converter.
    2. Next to KeyValueConverter1, select Edit, and set the converter to the following values:
      Table 1. Converter configuration
      Keys (Boolean) Values (ResourceUri)

      True

      %PROJECTDIR%\RadiobuttonDark.svg

      False

      %PROJECTDIR%\RadiobuttonDarkEmpty.svg
    3. Under DataItemTemplate, set Width and Height to 16.
    4. Create a dynamic link between Order by and Aliases > {Item} > AlarmCondition > ActiveState > Id.
    5. Set Title to Active.
  6. Configure AcknowledgedColumn:
    1. Under DataItemTemplate, create a complex dynamic link between Path and Aliases > {Item} > AlarmCondition > AckedState > Id with the use of a key value converter.
    2. Next to KeyValueConverter1, select Edit, and set the converter to the following values:
      Table 2. Converter configuration
      Keys (Boolean) Values (ResourceUri)

      True

      %PROJECTDIR%\ApplyDark.png

      False

      %PROJECTDIR%\CloseDark.png
    3. Under DataItemTemplate, set Width and Height to 16.
    4. Create a dynamic link between Order by and Aliases > {Item} > AlarmCondition > AckedState > Id.
    5. Set Title value to Acknowledged.
  7. Configure ConfirmedColumn:
    1. Under DataItemTemplate, create a complex dynamic link between Path and Aliases > {Item} > AlarmCondition > ConfirmedState > Id with the use of a key value converter
    2. Next to KeyValueConverter1, select Edit, and set the converter to the following values:
      Table 3. Converter configuration
      Keys (Boolean) Values (ResourceUri)

      True

      %PROJECTDIR%\ApplyDark.png

      False

      %PROJECTDIR%\CloseDark.png
    3. Under DataItemTemplate, set Width and Height to 16.
    4. Create a dynamic link between Order by and Aliases > {Item} > AlarmCondition > ConfirmedState > Id.
    5. Set Title to Confirmed.
  8. Configure SeverityColumn:
    1. Under DataItemTemplate, create a dynamic link between Text and Aliases > {Item} > AlarmCondition > Severity.
    2. Create a dynamic link between Order by and Aliases > {Item} > AlarmCondition > Severity.
    3. Set Title to Severity.
  9. For TimestampColumn, NameColumn, SourceVariableColumn , MessageColumn, and SeverityColumn:

    Under DataItemTemplate, create complex dynamic links between the Text color properties and Aliases > {Item} > Severity with the use of SeverityColorConverter.

    Tip: Alternatively, create a complex dynamic link between the Row text color property and Aliases > {Item} > Severity with the use of SeverityColorConverter.
  10. For each column, adjust the width parameter value according to your preferences.