N4 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 , filter drop down values, and the calendars 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.

Calendar Language:
 Language  Code
 Afrikaans  af
 Arabic  ar
 Algerian Arabic Translation  ar-DZ
 Azerbaijani  az
 Belarusian  be
 Bulgarian  bg
 Bosnian  bs
 Catalan  ca
 Czech  cs
 Cymraeg Welsh/UK  cy
 Danish  da
 German  de
 Greek  el
 English/Australia  au
 English  gb
 English - New Zealand  nz
 Esperanto  eo
 Spanish  es
 Estonian  et
 Karrikas  eu
 Persian (Farsi)  fa
 Finnish  fi
 Faroese  fo
 French  fr
 French - Canadian  fr-CA
 Hindi  hi
 Croatian  hr
 Italian  it
 Japanese  ja
 Korean  ko
 Polish  pl
 Portuguese  pt
 Russian  ru
 Swedish  sv
 Chinese  zh-CN

Additional languages available upon request.

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/advancedAlarmAcknowledgeTableWidget.run.js'], function (app) {

            ackedBellColor: '#ffc107',
            ackIconColor: '#1e88e5',
            alarmText: 'Alarm(s)',
            backgroundColor: '',
            clearedBellColor: '',
            calendarLanguage: '', // default is English. See product sheet for options
            dateFormat: 'mm/dd/yy',
            dateWidth: '4.75em',
            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',
            enableSound: 'true',
            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',
            fontColor: '#ffffff',
            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,
            soundFile: 'module://advancedAlarmAcknowledgeTable/rc/sounds/smallBeep.wav',
            soundRepeatInterval: '30', // In seconds
            sourceText: 'Source(s)',
            tableId: 'table1',
            tableStyle: 'ack-table', // set this to '' to allow the table to inherit page styling
            toText: 'to',
            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

Niagara Alarm View Template

Toggle Switch Button

back to more widgets...