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

Adding Text to point values in Dashboard Designer


  • Hi,

    When I add a point value for instance, in dashboard designer,
    it does not show the point name, I have to add another text box
    to label it. I have tried adding the name to text and font, but the
    text disappears after a save.

    I must be missing something simple..

    Please


  • Hi Hayden

    if you are using a <ma-point-value> you can either add label="DEVICE_AND_NAME" or label="NAME"


  • 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.


  • 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


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


  • 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.


  • 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.


  • @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.


  • 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>
    

  • <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.


  • 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.


  • 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,


  • @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.

    0_1564421620906_a74efd14-6d04-4192-8721-ce44cb3e1fe7-image.png

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


  • Thanks Jared, you guys are awesome!

    Great response time, much appreciated.