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.

Radix IoT Website Mango 3 Documentation Website Mango 4 Documentation Website

Event list source and editing


  • Hello,

    I have two questions regarding the mango component ma-events-table.

    Our project has several data sources that are similar in data points. We created events for each individual data point on the sources.

    In the dashboard we would like to add the ma-events-table and show only events that are related to event-type="'DATA_POINT'" and also related only to the needed data source.

    When setting event-type="'DATA_POINT'" we get to see all point events from all sources. And setting source-id shows events like sockets, but not points. Any suggestions how to configure ma-events-table so that we see the point event related to the source?

    And is it possible to edit ma-events-table columns that are being displayed?

    Have a nice day everyone.


  • @Latix Sorry I didn't get to this earlier @CraigWeb gave me a poke.

    There is no direct way to get data point events for all points on a data source. You have to find the point ids then query for all events for these point ids. See the following:

    <div class="ma-designer-root" id="4e28920c-56a4-412d-8da9-4d1296fd5524" style="width: 1366px; height: 768px; position: relative;" ng-init="page={}">
        <ma-point-query query="{dataSourceXid: 'DS_my_xid', $exact:true}" points="page.points"></ma-point-query>
    
        <ma-events-table id="4de1af02-1886-4288-bde6-0cd728898d99" style="position: absolute; left: 0px; top: 0px;" point-ids="page.points | maProperty:'id'"></ma-events-table>
    </div>
    

    Note: this will likely fail if your data source has a large number of data points.


  • It is possible to hide the acknowledge buttons using hide-ack-button="true" or hide the CSV button using hide-csv-button="true".

    You could also hide columns using a CSS nth-child selector.
    https://developer.mozilla.org/en-US/docs/Web/CSS/:nth-child


  • Thank you @Jared-Wiltshire for the answers.
    We will test out your suggestions.

    Have a nice day.


  • @Jared-Wiltshire Can you give a quick example on how to use CSS nth-child selector to hide a column? For example, how do you hide the Status column?

    BR,
    Ricardo