Dashboard designer show units
-
Hi,
I have an mqtt data source with a number of data points. When creating the data points I selected the correct unit, but I cannot see this in the dashboard designer.
Greetings Mark
-
@Mark happy holidays. Can you please share your markup??
Fox
-
@MattFox Happy holidays to you too!
<div class="ma-designer-root" id="57987731-3099-47f5-a55e-ad97e9594147" style="width: 1366px; height: 768px; position: relative;"> <ma-point-value id="27c8eabd-3a7b-4119-a98d-14956b9cedfe" data-point-details="false" enable-popup="up" min-event-level="NONE" style="position: absolute; left: 472px; top: 60px; width: 40px; height: 30px;" point-xid="DP_a616c900-4808-4397-bffb-e311708de9d1" flash-on-change="true" quick-info="true" hide-event-indicator="false" disable-event-popup="false"></ma-point-value> <img id="b54bb538-2dea-412e-9a10-bdcb459a0439" style="position: absolute; left: 90px; top: 148px; z-index: 1;" src="/rest/latest/file-stores/default/EasyIO/2D/heating/devback1.png"> <ma-switch-img id="66701833-86fb-4163-b12d-2dafa2a852d6" style="position: absolute; left: 117px; top: 208px; z-index: 1;" point-xid="DP_19625696-e6af-4992-858e-817a543172e7" src0="/rest/latest/file-stores/default/EasyIO/2D/heating/gasburneroff.png" src1="/rest/latest/file-stores/default/EasyIO/2D/heating/gasburneron.png" src2="/rest/latest/file-stores/default/EasyIO/2D/heating/gasburneralarm.png" src3="/rest/latest/file-stores/default/EasyIO/2D/heating/gasburnermanual.png"></ma-switch-img> <img id="c575d30c-2746-454f-b37a-52d846a6b371" style="position: absolute; left: 150px; top: 110px; width: 400px; height: 10px; z-index: 0;" src="/rest/latest/file-stores/default/EasyIO/2D/pipes10pt/Hot H50.png"> <img id="bfb20456-f7ca-45fe-b779-266746ccd4af" style="position: absolute; left: 140px; top: 110px; width: 10px; z-index: 0; height: 40px;" src="/rest/latest/file-stores/default/EasyIO/2D/pipes10pt/Hot V30.png"> <img id="67378a7f-7960-47c8-ae2e-3594ec8dfb47" style="position: absolute; left: 230px; top: 190px; width: 10px; height: 110px; z-index: 0;" src="/rest/latest/file-stores/default/EasyIO/2D/pipes10pt/Varm V30.png"> <img id="0d671889-ecbf-469d-bd05-9b7aef631270" style="position: absolute; left: 140px; top: 300px; width: 100px; height: 10px;" src="/rest/latest/file-stores/default/EasyIO/2D/pipes10pt/Varm H30.png"> <img id="05da67ca-dbd5-4a4e-98f8-6b212805113b" style="position: absolute; left: 140px; top: 240px; width: 10px; height: 70px; z-index: 0;" src="/rest/latest/file-stores/default/EasyIO/2D/pipes10pt/Varm V30.png"> <img id="f983bca8-62ef-4c0d-95e6-709a85bd8929" style="position: absolute; left: 230px; top: 183px; width: 320px; height: 10px;" src="/rest/latest/file-stores/default/EasyIO/2D/pipes10pt/Varm H30.png"> <img id="c2fa5dba-4a89-4fcd-ac79-4a056a339ece" style="position: absolute; left: 260px; top: 90px;" src="/rest/latest/file-stores/default/EasyIO/2D/heating/tankback1.png"> <img id="d1614489-968c-497c-830d-6e26d91d8d8a" style="position: absolute; left: 481px; top: 83px; width: 19px; height: 30px;" src="/rest/latest/file-stores/default/EasyIO/2D/sensors/RP40T.png"> <img id="7013d1ea-651a-4ffa-a436-4257ac6f86af" style="position: absolute; left: 481px; top: 190px; width: 19px; height: 30px;" src="/rest/latest/file-stores/default/EasyIO/2D/sensors/RY40B.png"> <ma-switch-img id="7041d03d-adbf-44c2-8b78-89724897a05f" style="position: absolute; left: 380px; top: 100px; width: 32px; height: 32px;" point-xid="DP_3414e40c-13b5-44f1-a74e-735210b7af89" src0="/rest/latest/file-stores/default/EasyIO/2D/heating/pumpRoff.png" src1="/rest/latest/file-stores/default/EasyIO/2D/heating/pumpRon.png" src2="/rest/latest/file-stores/default/EasyIO/2D/heating/pumpRalarm.png" src3="/rest/latest/file-stores/default/EasyIO/2D/heating/pumpRmanual.png"></ma-switch-img> <ma-point-value id="db1da63f-9b21-40c3-bb5d-7104dc4cc632" data-point-details="false" enable-popup="up" min-event-level="NONE" style="position: absolute; left: 474px; top: 223px; width: 40px; height: 30px;" point-xid="DP_8ad6fb93-2069-49fa-9c80-07af5094fc75" flash-on-change="true" quick-info="true" hide-event-indicator="false" disable-event-popup="false"></ma-point-value> <ma-point-value id="dc656184-aa4f-49c2-aee8-430d8b0f7b1a" data-point-details="false" enable-popup="up" min-event-level="NONE" style="position: absolute; top: 73px; width: 90px; height: 20px; left: 350px; text-align: center;" point-xid="DP_3414e40c-13b5-44f1-a74e-735210b7af89" quick-info="true" disable-event-popup="true"></ma-point-value> <ma-point-value id="651fee2d-2c3f-4b19-abf5-b67d61900b57" data-point-details="false" enable-popup="up" min-event-level="NONE" style="position: absolute; top: 160px; width: 90px; height: 20px; left: 96px; text-align: center; z-index: 2;" point-xid="DP_19625696-e6af-4992-858e-817a543172e7" quick-info="true" disable-event-popup="true"></ma-point-value> <img id="86fbd5ff-ace3-48b3-941e-c074141e169f" style="position: absolute; left: 560px; top: 110px; width: 33px; height: 8px;" src="/rest/latest/file-stores/default/EasyIO/2D/ventilation/arrowTR.png"> <img id="c73d46cb-0de9-4d70-9aff-b9de6cb45024" style="position: absolute; left: 560px; top: 184px; width: 33px; height: 8px;" src="/rest/latest/file-stores/default/EasyIO/2D/ventilation/arrowTL.png"> <ma-button id="d9a57f60-5d1d-4f37-a2ed-3f15f244eaa4" raised="true" style="position: absolute; left: 602px; top: 125px;" label="CV groepen" ui-sref="ui.deCirkelCvGroepen"></ma-button> </div>
-
@Mark Ok if you want t show units in your dashboards, you need to display the
renderedValue
To do this, add to all of yourma-point-value
components:display-type="rendered"
alternatively, replace rendered with convertedThat will throw the units designated to each point after the value - if not, we can change our approach using
ma-point-values
Fox
-
@MattFox said in Dashboard designer show units:
That will throw the units designated to each point after the value
Unfortunately, both options have no effect and the unit is not displayed behind the presented value.
With rendered nothing changed and witch converted the value become integer.
Is it not possible to add the unit as text? -
@Mark you can, just wrap in <span> tags, there are other ways, but depends how technical you want to be
Fox