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

Difficulty handling simple objects, not described in the videos.


  • Hello,

    from the videos and tutorials of this site, I try to make links between synoptics, but without success.

    I tried, to recover bits of codes, to make a link from one page to another, but even with contextual help, I can not.

    I can not understand this Angular JS code, and how to insert it, to get what I want.

    For example, I insert this code, taken from a video, in order to display the buttons

    0_1566222944689_boutons jaunes ajoutés script.png

    I get this:

    0_1566223202128_boutons jaunes ajoutés.png

    To be able to assign them coordinates, I am obliged to assign them a style like this:

    style = "position: absolute; left: 372px; top: 28.8667px;">

    To obtain this:

    0_1566223259451_bouton avec style.png

    but, I can not change this button, directly from the Mango interface, I can do it only in edit mode.

    you will agree, that if one does not master the HTML well, and the classes associated with the objects, .., It is still very difficult for a PLC programmer , to be able to use the buttons, to make links between synoptics, synoptics all at short.

    What should be done to make synoptics, as we usually do in Web server? (wago for example?)

    A tutorial like the one made for, Ma-set-point-value, my-switch, my-point-value, the watchlist, or excel reports to describe by the example my-button would be welcome.

    Because, even with the help, it is very difficult to understand how to make a link between two pages.

    To exploit the explanations ui-router site github, it takes a seasoned computer scientist who knows the HTML, JavaScript.

    best regards


  • @jf89 said in Difficulty handling simple objects, not described in the videos.:

    from the videos and tutorials of this site, I try to make links between synoptics, but without success.

    You have used the term "synoptics" several times through your post, I am not sure what you mean by this. I will assume you are talking about pages.

    Here is a link from the help pages on how to link between pages. I would urge you to search the help site and look through the examples built into the Mango UI.
    https://help.infiniteautomation.com/linking-between-pages

    @jf89 said in Difficulty handling simple objects, not described in the videos.:

    To be able to assign them coordinates, I am obliged to assign them a style like this:
    but, I can not change this button, directly from the Mango interface, I can do it only in edit mode.

    I assume you mean that you cannot drag the buttons around the page using the "Dashboard designer" tool? You must create the page using "Dashboard designer" for this to work, specifically it inserts a top-level div element and every element inside this must have an id attribute.

    @jf89 said in Difficulty handling simple objects, not described in the videos.:

    you will agree, that if one does not master the HTML well, and the classes associated with the objects, .., It is still very difficult for a PLC programmer , to be able to use the buttons, to make links between synoptics, synoptics all at short.

    What should be done to make synoptics, as we usually do in Web server? (wago for example?)

    Like everything, there is a learning curve. We strive to strike a balance between ease of use and flexibility. The difference with Mango is that we use open technologies such as HTML, Javascript, and CSS. The effort you put into learning these technologies will never be wasted, this knowledge can be applied in a myriad of places. Compare this to the vast majority of SCADA platforms that force you to learn some propriety page editing tool and arcane scripting language.

    @jf89 said in Difficulty handling simple objects, not described in the videos.:

    A tutorial like the one made for, Ma-set-point-value, my-switch, my-point-value, the watchlist, or excel reports to describe by the example my-button would be welcome.

    There is documentation for these components available under the "API Documentation" section of the Mango menu. You may have to enable the menu item using the menu editor. This is described here - https://help.infiniteautomation.com/getting-started?rq=examples

    There is also an "Examples" section of the menu with a lot of example code in it.

    @jf89 said in Difficulty handling simple objects, not described in the videos.:

    To exploit the explanations ui-router site github, it takes a seasoned computer scientist who knows the HTML, JavaScript.

    To create a simple link between pages you do not need to know the inner workings of ui-router. We link to their documentation so that people who need to do more advanced things are able to, again this is an open technology that we leverage.


  • Hello Jared,
    Thank you for that answer.
    I have incorporated the code given below to use a button, as below:

    0_1566303240455_lien vers details script.png

    Here's what I get:

    0_1566303264853_lien vers details.png

    By improving, that with layout, carries a button less wide. (at the right bottom corner)

    0_1566303297536_lien vers details script avec layout.png

    0_1566303342110_lien vers details avec layout.png
    (I know that a button need a id attribute to drag the buttons around the page.
    But the screenshot was made before you gave me that indication.)
    The problem is that the pointXid link: internal_mango_num_data_points is a link to a system variable in the mango software to display a list of points.

    Or, the link I want, is to call another custom page created.

    And I do not see, variable pointXid, assigned to this new page.

    even in the following screenshot (help for ma_button) , i don't understand where it's possible , to put the name of the link that will go to open the selected page.

    0_1566304155368_ma-button.png

    That's why, the command of the HTML language, and JavaScript, applied to this mango software, seems to me a huge job, for the PLC programmer that I am.

    However, with some videos, like the report excel, the buttons instructions, Watch list, import of data, I manage to reproduce its functions.

    But the problem is that it would take videos for every feature I need.

    best regards


  • @jf89 said in Difficulty handling simple objects, not described in the videos.:

    The problem is that the pointXid link: internal_mango_num_data_points is a link to a system variable in the mango software to display a list of points.
    Or, the link I want, is to call another custom page created.
    And I do not see, variable pointXid, assigned to this new page.
    even in the following screenshot (help for ma_button) , i don't understand where it's possible , to put the name of the link that will go to open the selected page.

    I don't know what your issue is. If you have a question, please pose it in a succinct manner. If English is not your first language, please check your translation. I am having difficulty understanding your questions, if indeed you are asking any.

    I will say this, the ma-button component has a property labelled in the dashboard designer as "Link to state", you can choose a page to link to from this drop down. If you need to add a state parameter, you will need to edit the markup, use the ui-state and ui-state-params attributes as shown in the screenshot you already posted.


  • Hello Jared,

    Thanks for your answer.

    I’m going to make short and simple sentences.

    My problem is , that I unable to realise a simple link between two custom pages.

    With ma-button and the component « Link to state », from drop down it’s only possible to make a link to a « system « page of mango. (example ui.watchlist-watch lists etc..)

    You said :
    If you need to add a state parameter, you will need to edit the markup, use the ui-state and ui-state-params attributes as shown in the screenshot you already posted.

    In the previous screenshot I already posted , I added :
    <md-button ui-state="'ui.dataPointDetails'" ui-state-params="{ pointXid: 'internal_mango_num_data_points' }" class="md-raised md-primary">
    Go to Details
    </md-button>

    Soo, as you said , in the « link to state » option I can choose 'ui.dataPointDetails'

    But it’s still a « system » mango page.

    How to insert a specific ui-state and ui-state-params attributes in the custom page 2, to be allowed in the « Link to state » attribute of ma-button (in custom page 1) to have that link that is making reference to custom page 2 ?
    I ‘m talking about ui-state and ui-state-params attributes , but it’s perhaps other attributes .

    Other question : When you select Choose page to edit in the dashboard designer , is it possible to organise custom pages in folders ans subfolders ?

    Best regards


  • @jf89 said in Difficulty handling simple objects, not described in the videos.:

    With ma-button and the component « Link to state », from drop down it’s only possible to make a link to a « system « page of mango. (example ui.watchlist-watch lists etc..)

    This is categorically incorrect. Any custom page with a registered menu item will show up in this list.

    It seems that you have not read the help articles I posted earlier. I have provided the resources you need to accomplish this task, I can't help you any further.

    @jf89 said in Difficulty handling simple objects, not described in the videos.:

    Other question : When you select Choose page to edit in the dashboard designer , is it possible to organise custom pages in folders ans subfolders ?

    No.


  • @jared-wiltshire said in Difficulty handling simple objects, not described in the videos.:

    Any custom page with a registered menu item will show up in this list

    You said :
    Any custom page with a registered menu item will show up in this list (link to state list )

    But , in the following screenshots you'll can see that the differents custom pages doesn't appear in the list when i want to select a page for link to state. (just mango sytem pages and ui.dataPointDetails

    0_1566416338022_lien_page_2b.png

    0_1566416411053_lien_page_2c.png

    **BUT THERE ARE MORE THAN ** CUSTOM PAGES as you can see below

    0_1566416458025_lien_page_2d.png

    0_1566416504536_lien_page_2e.png

    0_1566416513127_lien_page_2f.png


  • @jf89 said in Difficulty handling simple objects, not described in the videos.:

    You said :
    Any custom page with a registered menu item will show up in this list (link to state list )
    But , in the following screenshots you'll can see that the differents custom pages doesn't appear in the list when i want to select a page for link to state. (just mango sytem pages and ui.dataPointDetails

    I didn't just say "Any custom page", the caveat was "with a registered menu item".

    Again, you have not read the help article I linked to. The very first paragraph says "Using the Edit Menu page you can set up menu items for your custom pages, which will also create UI states which you can route to."


  • Hello Jared,

    I found my error .

    It was the custom page properties, with « user » level declared , instead of admin or superadmin level.
    If I set Require role with admin and superadmin to another custom page in the edit menu item , I can see it in the drop down list of « link to state » .
    I have to study user properties .

    now I can realize several pages .
    But I know that i have a huge work to understand the behaviour of mango software and also angular.

    Thanks for your help