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.

@ozone Here's an example of how to present a login dialog if the user doesn't have access to the page - <div class="ma-designer-root" id="ba15ba43-ec87-45cc-b5f0-5085b8b5d669" style="width: 1366px; height: 768px; position: relative;" ng-init="page = {}"> <ma-button id="8a2c4df1-a383-4492-bb9b-cc2ac585435d" raised="true" style="position: absolute; left: 184px; top: 124px;" label="Go to page 2" ng-click="User.current.hasAnyRole('restricted') ? $state.go('ui.pageTwoRestricted') : page.showLogin = {}"></ma-button> </div> <ma-dialog show-dialog="page.showLogin"> <span class="ma-dialog-title">Please switch user</span> <span ng-if="!User.current.hasAnyRole('restricted')">User '{{User.current.username}}' doesn't have access to this page. Login as another user?</span> <ma-login class="hide-links" on-success="$user.hasAnyRole('restricted') ? $state.go('ui.pageTwoRestricted') : null"></ma-login> </ma-dialog> <style> ma-login.hide-links a, ma-login .already-logged-in { display: none; } </style>

Thanks CraigWeb for your response. Here is what I tried. FIRST ATTEMPT <pre ng-bind="comp1OutputValues | json"></pre> <ma-calc output="falseOutput" input=" comp1Output | filter:{comp1Output.value == 0} | maFirst"></ma-calc> <ma-calc output="trueOutput" input="comp1Output | filter:{comp1Output.value == 1} | maFirst"></ma-calc> <pre ng-bind="falseOutput | json" ></pre> <pre ng-bind="trueOutput | json"></pre> Error shown in attached image SECOND ATTEMPT <pre ng-bind="comp1OutputValues | json"></pre> <ma-calc output="falseOutput" input=" comp1OutputValues | filter:{comp1OutputValues == 0} | maFirst"></ma-calc> <ma-calc output="trueOutput" input="comp1OutputValues | filter:{comp1OutputValues == 1} | maFirst"></ma-calc> <pre ng-bind="falseOutput | json" ></pre> <pre ng-bind="trueOutput | json"></pre> [image: zN8f0qs.png] Error shown in attached image

Thank you Craig! this worked div class="ma-designer-root" id="5ecafcd8-a3b4-4ab9-968a-0507e5d53734" style="width: 1366px; height: 768px; position: relative;"> <ma-svg ng-include="'/rest/v2/file-stores/default/DownstairsFloorplan.svg'"><div ma-selector="#text1011" ng-bind="point1.value"></div></ma-svg> <ma-get-point-value point-xid="DP_5ca78a5a-a87a-451e-a987-4f1bd00459d0" point="point1"></ma-get-point-value> </div> I'm sure that I had the svg closed initially but I messed with it so much that at some point it got cut. I was missing that the ma-selector needed to be within the ma-svg.

Thanks as well, @CraigWeb

Thanks Jared This solves it.

@Vortex-Estagiarios This is the 3rd or 4th thread you have created with little to no explanation or context about what you are doing or trying to achieve. Any more of these threads and we will have to ban you. You have not responded to any of my questions in previous threads.

@vortex-estagiarios said in How to import my own web page project?: ihm property I dont know what a IHM property is. @vortex-estagiarios said in How to import my own web page project?: import mango What does it mean to "import mango"? Mango is a Java application. @vortex-estagiarios said in How to import my own web page project?: I am having a doubt how to install nodejs on mango. One does not install NodeJS on Mango. You install NodeJS on an operating system. Also don't create multiple topics in the forum. Please read here before asking any further questions - https://help.infiniteautomation.com/documentation

OK, looks like you solved your problem using a custom solution using D3 in a user module. Nice work.

Thanks @Jared-Wiltshire for helping out. This solved it, I edited the previous post for css also, so that users would be able to copy-paste without missing out the ordering. Final result : [image: 3QxPoMP.png] Thomas

And synchronizeGrid solved it. Thanks @Jared-Wiltshire !

@ThomasEinasto here you go! https://forum.infiniteautomation.com/topic/4516/release-notes-for-modbus-3-6-5

@jared-wiltshire Thank you so much for the help. . I finally got it working using code you suggested, studied the example and modified to what I wanted. Works really well.

Sorry guys I was not thinking about this correctly of course the watchlist parameter is saved with the default value to the parameter. I was confused. :(

If at every point you encounter a surprise or frustration, your response is to add it to the blacklist. Furthermore it is common to feel intimidate to journey down that bumpy "road less travel" and easily get burned by incomplete understanding. Mango is awesome. It's easy to learn partially, and much harder to learn completely. Inspiring a strong appreciation for all that Mango is and can do will help in shorten the learning curve and eventually more projects are built on the Mango platform.

@pyeager said in Styling a Custom Component in userModule: For one thing, there are multiple data points with which the component needs to interact. You never stated this initially @jared-wiltshire said in Styling a Custom Component in userModule: Certainly possible, I don't have time to get right into this right now but you could use the maDataSource service to check for the existence of the DS and create it if one matching the name attribute doesn't exist. If this is remotely similar to making a new point using the maPoint service perhaps I can be of assistance here

Something that might be useful - you can create a single event handler that you can attach to multiple event detectors. Change the event handler to "Set to scripted value" Add this script - var points = DataPointQuery.query('eq(id,' + event.referenceId1 + ')'); points[0].runtime.set(0); return UNCHANGED; This will make the handler lookup the point which triggered the event and set that point back to zero.

@JF89 Have you seen the examples for <ma-svg>? Do you understand what ma-selector does? Do you know what ng-style does? Have you read the documentation for that? The ! character is a logical not operator.

Hi @jf89 , @jf89 said in Adaptive layout of examples -- Red scratches on objects: I don’t ask you to give me an example , but I would like to know where I can learn myself ? What is the best way to do myself a complete flex page with side bar and one or two windows ? If I can pick up pieces of code an put it into the edit markup , it’s OK. Even with tutorials , If I have to learn html, css , javascript and Angular , it will be too much difficult for me. Just my five cent thought, 1.There is no best way to do a web page 2.Copy and paste pieces of code without understanding will make your learning disable. 3.The web technologies is a prerequisite, at least know the fundamentals, 3.1. HTML to define the content of web pages 3.2. CSS to specify the layout of web pages 3.3. JavaScript to program the behavior of web pages 4.The learning speed is your choice.Everything is up to you.If you are struggling, take a break, or search google for the material 5.Explore the example page provided by Mango. Examples are often easier to understand than explanations. Try it out yourself. In my opinion, this is one of the best playground for anyone who want to learn and understand Mango. Hope it will helps in your learning journey.

@craigweb Thanks. It's work !