Ui template with array of ui-gauge

Dashboard
1

Hi everyone, I'm trying to use the template component to build a dynamic array of gauge.
I'm trying this cause I have a not fixed number of sensors and I want to show their value with different gauges. I've searched a lot of resources on the web, but still didn't find how to achieve it.
I want to use ng-repeat to iterate over each element and trying to renderize the gauge, with the tag: ui-gauge. In the element inspector it looks like node-red recognized it, but miss the whole body of the component.
Here is what I'm trying to do:

<div ng-repeat="sensor in msg.payload">
    <ui-gauge style="text-align:center;"
        class="nr-dashboard-gauge"></ui-gauge>
</div>

And here the element inspector:
Untitled

Another question, is there some usefull resource where I can find how to use the node-red dashboard comopnents in the template component? I've finded this resource by now:
https://it.knightnet.org.uk/kb/nr-qa/dashboard-template-examples/
but there isn't what I'm looking for.

Thank you all,
Matteo

2

Short answer is you can't use the existing widgets inside a template. The template is for you to add other widgets. There are quite a few examples on this forum of people adding charts, gauges, button and tables into their own template.

However if you really want flexibility of layout then maybe look to the node-red-contrib-uibuilder which allows you tor use whatever front end framework you are comfortable with to create your dashboard.

3

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.