Adding Text to point values in Dashboard Designer

[hayden_AUS]

Craig,

When I simply drag a "Binary switch button" and label it in "text and font", this is the code
that is generated:

<div class="ma-designer-root" style="width: 1366px; height: 768px; position: relative;" id="b4938982-c168-42f1-b9f2-701c51d0b541">
    <ma-switch id="c7d1c0f3-cf43-489c-a51c-719830aba9cc" style="position: absolute; left: 0px; top: 0px;" point-xid="DP_e73a38ec-004f-447c-b527-90d7ef73c6ec">Yellow inlet valve</ma-switch>
</div>

When I save and view the page, the text is gone.

I just want to keep this simple, so either automatically naming the point or naming it some other way.

[MattFox]

You need the actual point itself rather than the pointValue. The two are different in the fact that the value relates to the point in question.
Typing from my phone here, so excuse the brevity...

<ma-get-point-value point-xid="xidOfYourPoint" point="point"></ma-get-point-value>
<label>{{point.deviceName}} : {{point.value}}</label>

I strongly suggest you look at the mangoUi api. To view it enable it in the edit menu page under administration. It will explain how each component works and what is required to get/set the data you require.

Fox

[hayden_AUS]

Thanks FOX, just thought I should be able to do it using the drag and drop method.

[hayden_AUS]

The "Point Value" element, there is an attribute "label", where you can choose "NAME".
I think IA could add this to the other elements such as "Binary Switch Button" to avoid
the extra step to name using code.

[CraigWeb]

Ye for the <ma-switch> you will need to add a <label> in before/after it as It shows the points rendered value after the switch.

[CraigWeb]

@hayden_aus
I actually agree I was using this element a few days ago and was running into the same problem. I think we could also add another attribute to choose to display the rendered value or not. it is not always necessary.

[hayden_AUS]

Where do you use Label?

I added label to be "NAME' like in the Point Value Element, it didn't work.

<ma-switch id="c7d1c0f3-cf43-489c-a51c-719830aba9cc" style="position: absolute; left: 0px; top: 0px;" point-xid="DP_e73a38ec-004f-447c-b527-90d7ef73c6ec" label="NAME"></ma-switch></ma-switch>

[CraigWeb]

<div class="ma-designer-root" id="2a377d42-b2ca-48dc-b763-b1ab6bf93f90" style="width: 1366px; height: 768px; position: relative;">
    <label id="4bdbe665-0230-4cc4-890f-e29e72942c9d" style="position: absolute; left: 0px; top: 12px;">my binary point:</label>
    <ma-switch id="08959504-fe1d-4fe8-b19d-5b197e7cd3b8" style="position: absolute; left: 130.438px; top: 0px;" point-xid="LGCY_OZ2_AMB_O3HIGH"></ma-switch>
</div>

Here I used the drag and drop, the <label> is in the HTML elements drop down.

[hayden_AUS]

Thanks Craig, That's what I have already been doing, except I drag from the Basic Components section.

Anyways, thanks for the help, I will wait to see if IA do a fix, or just keep doing the two elements.

[CraigWeb]

I'm sure with enough motivation the component can be changed. might help to give an exact description of what you would like.

My 2 cents is that the component should be able to have the same attribute as the <ma-point-value> to include the name or device name before the switch. As well as being able to choose to show the point value or not,

[Jared Wiltshire]

@hayden_AUS I've added the option for displaying a label to <ma-switch> I've also made it possible to display the tags. See screenshot below.

This will be released in UI module v3.6.3 which should go out today.

[hayden_AUS]

Thanks Jared, you guys are awesome!

Great response time, much appreciated.