Page History

Add a Label with Alarm Status

Let's setup an Active Alarm on a Navigation window using a Label component for the Active and UnAcked Tag showing how many alarms are currently active and unacknowledged.

1. In the Project Browser open your Navigation window, and drag in a Label component and name it "Active Alarms." This example uses a Tree View as the navigational component. 
2. Next, we need to link the Label to the alarm Tag, but first we'll need a custom property. In the Property Editor, right click on the Label component, and select on Customizers > Custom Properties. The Custom Properties window will open. 
3. To add a custom property, click the Add icon, and enter the name 'activeAlarms' with an 'integer' data type. Click OK. 
   
   
   
   

4. You'll find your new custom property in the Property Editor under the Custom Properties category.  Now, let's bind our new custom property, 'activeAlarms' to the 'Active and Unacked' Tag. Select the binding icon  next to the 'activeAlarms' property. The Property Binding Window will open. 

5. Select Tag type and choose the System > Gateway > Alarming > Active and Unacked Tag.

6. Click OK to save.

   

   
   

7. Now, let's display the number of alarms that are active on the Label. Bind the Text property of the Label to the following expression. Click on the binding  icon for the Text property and select the Expression binding type.

8. Copy and paste the following expression in the Expression area. You'll notice the the expression contains a literal string value ' Active Alarms.'  Click OK twice. 

   Code Block
   {Root Container.Active Alarms.activeAlarms} + " Active Alarms"

   
   

   

   
   You can also create the expression by navigating to the custom property (i.e., activeAlarms). Ignition will build the expression for you. Click on the binding  icon for the Text property and click on Expression. Click the Property  icon and select the activeAlarms property, then click OK to save the property. Click OK again to save your binding. 

   

   
   

9. The last thing to do is setup a style to make the Active Alarms label stand out on the Navigation window. Let's change the color to something bright and make it blink. Right click on the Label and select Customizers > Style Customizer. 
10. For the Driving Property, select 'activeAlarms.' For the Available Properties, select (one at a time):  Background Color, Foreground Color, Border and Visible, and click on the green arrow pointing to the right  and add them to the Used Properties list. 
    
    
    
    
11. Under the Styles section, click on the Add  icon twice times to add two Values. Click the Expand  icon to open and customize the style for the Active Alarm Label. Set the following values for Styles:
    
    Value 0
    Background Color: Red
    Border: Etched (Raised)
    Foreground Color: White
    Visible: check the box
    
    Value 1
    Click the Animate box.  Use the green plus icon to add 2 animation steps.  Change the values to
    
    Step 1 Duration: 1000
    Background Color: Red
    Border: Etched (Raised)
    Foreground Color: White
    Visible: check the box
    
    Step 2 Duration: 1000
    Background Color: Yellow
    Border: Etched (Raised)
    Foreground Color: Black
    Visible: check the box 
    
    Click OK. 
    Image Removed
    Image Added
    
    

Now, you have a label on the Navigation window that provides an active alarm count and blinks when there is an active alarm.