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.

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 !

Glad to hear it! :D

Great. I might look at adding some more options to prevent them appearing and disappearing too quickly.

As the update event of the meta data point.

OK Thanks Jared I have it working now. Thank-you very much for all your help and to the other guys as well. That's great.

I added the component with the + and now User Components is visible and i can drag them from the menu

You can also use another search engine if you prefer. You can add the term site://forum.infiniteautomation.com while googling, for instance.

Thanks Craig, That looks like the problem, Didn't even see that there .

Cheers!

Update on a really old thread. There was just no option for me to change anything on the PLC side as mentioned before but figured out a workaround.

The problem was that the pump could not be started if the stop bit held the 1 (or stopped if the start bit held the 1) You can visibly see a stuck button if the bit held the 1. The same button could be pressed again to attempt to write a 0 at release.

But instead of explaining that process, I am having the momentary of the start write a 0 to the stop and the stop will write a 0 to the start. This ensures the end user uses the buttons as intended without having to worry about stuck button or held bits. Seems to work fine.

@jared-wiltshire said in Change Step in ma-point-value:

it should be released in the next couple of weeks

Ok thanks

@Jared-Wiltshire
@CraigWeb

Thank you for your help it works perfectly

Thanks for the suggestions, I ultimately went a different route with this, and bound a slider to the variable that was previously at the top of the page (which was 30 in the first instance) and allowed the user to select how many days worth of data they wanted to see:

0_1555463825065_014_days.png 0_1555463829221_070_days.png 0_1555463838062_112_days.png 0_1555463848343_500_days.png

The text box is also editable, so they can manually type a number in, if they wish (the '500' example at the end). I did use some of the styles suggested to modify the axes to a different grey to lessen it's impact upon the page, but it also meant that the X-axes date was relevant again, so the requirement to remove it changed (let's just call it 'agile development :). The slider modifies about 10 graphs across the page and works quite fast.

Cheers

Richard

Put the ng-repeat inside it's element, but make sure that is surrounded by the div with a class of:

class="ma-designer-root"

I've also found it handy to give this div a sensible ID (ie not a UUID generated one) on which you can start doing some styling.

EG:

<style> #main { width: 100%; height: 100%; padding: 0; margin: 0; } </style> <div class="ma-designer-root" style="width: 1366px; height: 768px; position: relative;" id="main"> <p ng-repeat="(name, age) in {'adam':20, 'amalie':22}">{{name}} is {{age}}</p> </div>

HTH

Richard