Please Note This forum exists for community support for the Mango product family and the Radix IoT Platform. Although Radix IoT employees participate in this forum from time to time, there is no guarantee of a response to anything posted here, nor can Radix IoT, LLC guarantee the accuracy of any information expressed or conveyed. Specific project questions from customers with active support contracts are asked to send requests to support@radixiot.com.
How to display Alarms/Events in a custom HTML dashboard?
-
Thanks for that, Thomas!
-
Hi Thomas i do understand what you saying but the problem is i need the whole dashboard to be different the logos interface everything not only the data points these are totally different customers with different look and feel
-
I do understand you, but you can solve this problem multiple ways.
The most easiest one is to use ng-class or ng-show or ng-if.
ng-class
By only using angular and css you can create classes in css file and use ng-class to assign the correct class to the correct user. Everything is shown in DOM.ng-if
The picture only shows if that user is logged in their session. Deletes the DOM so user cant see it in their inspect element.ng-show
Shows only if that user is logged in their session. Everything is shown in DOM.Explore the dashboards module and AngularJS page. There are pretty multiple ways to solve everything. Just depends how you want the page to be and the style of your coding :). Also a little bit of researching about the Angular helps. There are plenty of people in the internet who have discussed it.
A ng-class example where the div changes its class according to the Metapoint value.
<div id="S9" title="S9" class="default" ng-class="{'default': DamperS9.value == 11 || DamperS9.value == -11, 'blue': DamperS9.value == 3, 'yellow': DamperS9.value == 2, 'red': DamperS9.value == -1, 'green': DamperS9.value == 1}"> </div>Ng-if and class example. Div changes its class and shows only if the ng-if = true
<input type="button" id="K5-K" name="" value="K" class="OFF ng-scope" title="Käivita" ng-class="{'OFF': point.value == 0, 'ON': point.value == 1}" ng-if="point.value == 0" ng-click="point.setValue(1)">` `` -
do you by any chance have any tutorial on how to set this because i am not good on angular
-
@Nomathamsanqa-Philiso
Can you please start a new topic for your question. You have asked in two separate unrelated threads.
Please give much as detail as possible and I will try and respond there. -
Hi All,
Do we have any updates on this? I'm keen to integrate it into the dashboards i've been building for a client.
Cheers!
-Shaun -
We've been working on a update that will hopefully be released this coming week.
-
Thanks Joel :) I'm really keen to use this feature!
-
Just an update to those who are interested in the events directive, this has been released into the newest publicly available version of core & dashboards. You will need to update at least core, api modules and dashboards, but updating all modules may be ideal.
You can then find an example under utilities of the events table directive and a page under api-docs showing all parameters of the component.
-
Hi Will,
As I have updated to 2.8 with all the modules updated I cannot notice that in the dashboards module there seems to be no changes at all even though the modules page shows the latest 3.3.0 version. I have already deleted the .jars so that mango would create new jars but there seems to be no changes at all in the module.
Thanks,
Thomas -
Hi Thomas,
The added change would largely be the events table mentioned in this post. If you are not seeing this in the examples / api docs then you likely need to both clear your browser cache, and reset the menu items.
To reset the menu you will want to go to the edit menu settings page, and click both reset default and delete custom menu then save.
