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.

Of course, one of my suggestions was doing the whole thing as a reusable directive. If you can think of it, the only limitations are hardware and imagination Fox

Here is something I have written for you to pull the rendered text values for binary and multistate points. Now you can use the created object to "map" your current values to their rendered text equivalents... If you don't understand how this works, feel free to yell out. var rql="or("; var items=[] //Get all points attached to the script context for(var i in CONTEXT_POINTS) { items.push('eq(xid,'+this[ i].getDataPointWrapper().xid+')'); } //Build RQL query rql+=items.join(',') + ')'; //get configs of all of these points var dataPoints=JSON.parse(JsonEmport.dataPointQuery(rql)).dataPoints; var ptMap={}; //Iterate through to get the rendered values for(var i=0;i<dataPoints.length;i++) { ptMap[ dataPoints[ i ].xid ] = {}; if(dataPoints[i ].textRenderer.type==="BINARY") { //Set Binary renderedValues ptMap[ dataPoints[ i].xid ][0] = dataPoints[ i].textRenderer.zeroLabel; ptMap[ dataPoints[i ].xid ][1] = dataPoints[i ].textRenderer.oneLabel; } else if(dataPoints[i ].textRenderer.type==="MULTISTATE") { //Or get the multistate values for(var j=0;j<dataPoints[i ].textRenderer.multistateValues.length;j++) { ptMap[ dataPoints[i ].xid ][dataPoints[ i].textRenderer.multistateValues[j].key] = dataPoints[ i].textRenderer.multistateValues[j].text; } } } //Print here just to show format of mapping. Can comment out. print(JSON.stringify(ptMap) ); //so ptMap[xid][ ptValue ] => renderedValue Fox

Just to build on your other post, if your params are dynamically generated, meaning they can be anything other than a fixed set of params, inject $window into your controller and spkit the url up with $window.location.href split by ?, then & then = to get your key-value pairs. Yes its dodgy, but as long as you have proper error handling I cannot see it being an issue. Fox

Ahhhhh. That works ! Thanks so much for the help. I also found one hinderance when testing in the Play Area with the code changes. After testing changes / incorrect coding , nothing else seems to work afterwards. Fix was to make code changes, save and Re-load Webpage to check. Can't believe how much time was lost with that issue. Much appreciated ! Wanted to accept defeat, but I just coudln't let it go ! You guys are great ! Thanks again.

Hi Matt I suggest you using opensource InkScape, unless you familiar with Adobe illustrator, Affinity Designer. Get the component such as Generator, Bettery and other electrical representation from the web, google xxx.svg drag into InkScape draw those basic line and position. Save the file as svg, upload to Mango and put your datapoint value. below are from the mango tutorial video. which is good starting reference. https://docs-v3.mango-os.com/interactive-svg-graphics https://docs-v3.mango-os.com/setting-values-from-dashboards

Just realised in my own silly way that the tags is an object. Not an array.. Need more coffee! pt.tags.join(',') Will not work. I believe you can usept.tags|json or you can choose what tags you want to show with pt.tags.tag1 or whatever naming convention you used... Fox

Hi Jared, sorry to make a zombie thread here ... I've successfully upgraded to 3.77 on a local staging server from 3.5.6 to test my userModule. Gotta say I'm impressed with what I see.. However, now that you've changed a bucket load of your code base what's the best module or whatnot required to allow me to lazy load as above? EDIT: For now I've cheekily added your maRequire service - I know there's nothing more permanent than a temporary fix but this should help me keep going whilst I develop new modules. Going forward from here I intend to start implementing typescript and rolling my code out with webpack like you've done so any tips you can provide will be hugely beneficial. Hope you're all keeping well at this crazy time Fox

@jared-wiltshire, Please see below the mark-up. <ma-watch-list-get ng-model="designer.watchList" parameters="designer.parameters" on-points-change="designer.points = $points" id="4f2f1040-e821-4ab9-806b-c6c4be8b79df" watch-list-xid="WL_7c671c0b-c3e4-4d9e-a53a-434530722f76"></ma-watch-list-get> <div class="ma-designer-root" id="6b874c3d-3419-4270-b6cc-c2dff04f7c59" style="width: 1366px; height: 768px; position: relative;"> <ma-watch-list-parameters id="bb4c92f3-9dc8-440e-80ac-741484ac1f1d" ng-model="designer.parameters" watch-list="designer.watchList" style="position: absolute; width: 887px; left: 0px; top: 0px; height: 70px;"></ma-watch-list-parameters> <ma-watch-list-chart id="e9d36c85-cd0e-4069-9c85-aa5aba8577c7" watch-list="designer.watchList" points="designer.points" from="dateBar.from" to="dateBar.to" rollup-type="dateBar.rollupType" rollup-intervals="dateBar.rollupIntervals" rollup-interval-period="dateBar.rollupIntervalPeriod" simplify-tolerance="dateBar.simplifyTolerance" style="position: absolute; width: 1366px; height: 292px; left: 0px; top: 70px;"></ma-watch-list-chart> <ma-watch-list-parameters id="8c3f8835-fa54-423e-8252-ce388132ad3f" ng-model="designer.parameters" watch-list="designer.watchList" style="position: absolute; width: 887px; left: 0px; top: 387px; height: 70px;"></ma-watch-list-parameters> <ma-watch-list-chart id="c0153f36-192f-40e5-95d8-1c126790d0b1" watch-list="designer.watchList" points="designer.points" from="dateBar.from" to="dateBar.to" rollup-type="dateBar.rollupType" rollup-intervals="dateBar.rollupIntervals" rollup-interval-period="dateBar.rollupIntervalPeriod" simplify-tolerance="dateBar.simplifyTolerance" style="position: absolute; width: 1363px; height: 319px; left: 0px; top: 457px;"></ma-watch-list-chart> </div>

nevermind. I was using the eventsTable html and js from github, however, I should not have used files from master but from ver 3.7.x

Have you looked at the examples page for template layouts? You may need to enable it from the edit-menu page. That would give you ideas for how md-cards are configured using flex layout. Alternatively, a good google search renders some very nice results. https://www.codeinwp.com/blog/best-angular-admin-dashboard-templates/ Feel free to chat message for bouncing ideas off of me also. I would share but I think IP may get in the way... Fox

@javiparei i think you have bugs in your markup code. that is what i have seen during my programming. Just restore your prior version and do it again.

@dgm I have an update for you. I am unsure if it will work in the dashboard because I write controllers to do this for me. But I revisited this for you and I have some good news: options="{'export': { enabled: true,fileName: 'MyFilename'}}" export="true"></ma-serial-chart> You can override using the options attribute to set your export filename. Apologies for misleading you, I was unaware without looking at the source that the export options were as easily accessible than I had first assumed... However you're still stuck with that XID value.