Create an Alarm grid

Create an Alarm grid to display the status of each alarm in a row.
Customize the objects included in the Alarm grid to change the appearance of the grid and display specific alarm information.
  1. In the main toolbar, select Template Libraries.
  2. In Template Libraries, select Widgets.
  3. Under Components, drag Alarm Grid to a folder in the UI folder.
    AlarmGrid# (type) appears.
  4. In Template Libraries, select Close.
  5. (optional) On the editor, select the alarm grid and the buttons of the alarm grid to customize the Properties and Events of the grid and buttons. For example, to change the appearance of the grid:
    • Row color. Select the background color row or select Add Dynamic Link to bind to a tag with the value of the color.
    • Row text color, Select the color of the text in the alarm grid or select Add Dynamic Link to bind to a tag with the value of the color.
  6. (optional) To display additional alarm information at runtime, select the AlarmsDataGrid and add columns:
    1. In Properties, after Columns, select Add and select the type of column to appear at the right end of the grid:
      • Text column. A column with static text.
      • Editable text column. A column with text that you can edit at runtime.
      • Image column. A column that displays a graphic.
    2. In Properties, expand Columns and scroll to the new column DataGridColumn#.
    3. In Text for the column, select Add Dynamic Link.
    4. In the Dynamic Link window, navigate to Alias > {Item}(…) > AlarmCondition, and then select the property for the alarm event.

      To view properties by alarm type, expand alarm events, identified by .

      Tip: By default, the Alarm grid displays all of the enabled and active alarms. To display only certain alarms at runtime, see Create an alarm filter.