Advanced Alarm Table


The Advanced Alarm Acknowledge Table shows the current and historical alarms in the station in a responsive table which updates in real-time. Unlike our other Alarm table, this widget highlights rows with 3 configurable priority levels. Additionally, historical alarms can be viewed by using the filter dropdown, which consists Open Alarms, Today, Last 24 Hours, Yesterday, This Week, Last Week, Last 7 Days, Month-To-Date, Last Month, Year-To-Date, and Last Year.

The station operator can quickly acknowledge alarms in a user-friendly interface and use colors to distinguish priorities. Column names and the filter drop down values can be changed to support multiple languages.

The widget has a number of configurable properties that can be used to modify look, feel, and functionality. Also check out the Alarm View Template.


1. Copy the advancedAlarmAcknowledgeTable-ux file to your modules directory.
2. Open the module from your palette file.
3. Drag and drop the widget from the palette onto your px view.

Alarm Acknowledge Table

Widget Properties


The widget has a few configurable properties that can be used to modify look, feel, and functionality. Change the properties as required. All you need to do is set the console recipient property.

Console Recipient: you must set this to at least 1 console recipient in your station, otherwise you will not receive real-time alarms or be able to acknowledge alarms.

Overflow x and y: set this to visible or hidden to show/hide scrollbars.

Column Names: A comma delimited list of column names. Change to your preferred language. The number of values must remain the same.

Using in your HTML Page

You can now use the widget in your custom html page as long as the html file is in a appropriate station directory.
E.g. C:/../stationName/shared/webfiles/demo1.html

1. Create an html page and place in your station files directory.
2. Create a div element and give it an id so you can inject the widget into this area. E.g.: widget1.
3. Add the following scripts before the closing head tag or the closing body tag. E.g.:

<script type="text/javascript">

    var require = {
        paths: {
            "nmodule": "/module",
            "baja": "/module/bajaScript/rc/plugin/baja",
            "bajaScript": "/module/bajaScript/rc",
            "bajaux": "/module/bajaux/rc",
            "lex": "/module/js/rc/lex/lexplugin",
            "css": "/module/js/com/tridium/js/ext/require/css",

            "jquery": "/module/js/rc/jquery/jquery-2.1.1",
            "Handlebars": "/module/js/rc/handlebars/handlebars-v2.0.0", // For N4.4 or higher use /module/js/rc/jquery/jquery-3.2.0.min
            "Promise": "/module/js/rc/bluebird/bluebird",

            // these are runtime dependencies
            "hbs": "/module/js/rc/require-handlebars-plugin/hbs",  // For N4.4 or higher use /module/js/rc/handlebars/handlebars.min-v4.0.6
            "i18nprecompile": "/module/js/rc/require-handlebars-plugin/hbs/i18nprecompile",
            "json2": "/module/js/rc/require-handlebars-plugin/hbs/json2",
            "underscore": "/module/js/rc/underscore/underscore",

        hbs: {
            disableI18n: true
<script type="text/javascript" src="/module/js/com/tridium/js/ext/require/require.min.js"></script>
    require(['/module/advancedAlarmAcknowledgeTable/rc/'], function (app) {

            ackedBellColor: '#ffc107',
            ackIconColor: '#1e88e5',
            backgroundColor: '',
            clearedBellColor: '#28a745',
            divId: '#widget1',
            consoleRecipient: 'station:|slot:/Services/AlarmService/ConsoleRecipient', // set this to any console recipient within the station
            containerStyle: 'ack-table-responsive', // set this to '' to allow the table to inherit page styling
            columnNames: 'Time Stamp,Uuid,Source State,Ack State,Ack Required,Source,Alarm Class,Priority,Normal Time,Ack Time,User,Alarm Transition,Last Update,Action',
            filterNames: 'Open Alarms,Today,Last 24 Hours,Yesterday,This Week,Last Week,Last 7 Days,Month-To-Date,Last Month,Year-To-Date,Last Year',
            overflowX: 'hidden', // set to visible or hidden show scroll bars
            overflowY: 'hidden', // set to visible or hidden show scroll bars
            highlightStatus: 'true', // set this to false to allow the table to inherit page styling
            highPriorityColor: '#dc3545',
            mediumPriorityColor: '#ffc107',
            lowPriorityColor: '#007bff',
            highPriorityMax: '255',
            highPriorityMin: '100',
            mediumPriorityMax: '99',
            mediumPriorityMin: '50',
            lowPriorityMax: '49',
            lowPriorityMin: '1',
            maxResults: 20,
            tableId: 'table1',
            tableStyle: 'ack-table', // set this to '' to allow the table to inherit page styling
            unAckedBellColor: '#dc3545',

<div id="widget1" style="width:810px;height:330px;"></div>
<!--Rest of your html below...-->


Widgets and drivers must be licensed with us. Licenses are bound to the stations host Id. You will be provided access to the Software and Licensing Portal where you can manage your own licenses. Here you can add, update, or delete licenses as needed.

There are few ways to get a license file:

1. Add our licensing module to your station services. This module automatically retrieves the license from our servers and saves it to your stations shared folder directory.

2. Alternatively, Login to the Software and Licensing Portal (link provided in Order Confirmation) and add your host id's as needed. Copy the license file to the stations shared directory.

Finally, make sure the station user has access to WLicenseService in the user management and category service section.

Niagara Licensing

Niagara Dashboard

Niagara IOT technologies and modern toolsets allow you to build a powerful Niagara dashboard which is real time, data-driven, and cost effective. Our widgets are purpose-built by providing information with faster communication through real-time, data-driven, dashboards for web, desktop and mobile devices. You can now create a cutting-edge display of conventional HVAC system graphics, Dashboards, Alarms & Scheduling, Historical Data, and Analytics.

You May Also Like

Alarm Acknowledge Table

alarm acknowledge table

Scada Alarm Widget

Toggle Switch Button

back to more widgets...