Hello Phil,

It works now , connecting directly to the raspberry PI .

But the display between custom pages or settings pages takes about 3 to 5 seconds delay, and sometimes more.

Is-it due to the ram (only 1 gb with raspian ?)

With a computer core I5 8th generation 3,5 Ghz , 8 GB ram , W10 , the display between pages is less than a second.

Is it as fast for the MangoHTS ( 8GB RAM max ). (display between pages less than a second ?)
Best regards

Here is the screenshot of java versions available

Hello Phil ,

The file /usr/bin/java is present , but when i try to execute it nothings happens.

ma-init.sh is containing already echo but i don’t know how to add one.
As I said I don’t know how to use linux, just very few commands.

The situation has been improved but not at all.

I can start Mango , but it’s blocked with 5% starting

I was unable to have the good echo when usin oracle jre 1.8.0_221

So with the command sudo update-alternatives --config java , I choose an another version than oracle 1.8.0_221 :

Java-8-openjdk-armhf


Now I can have a good echo for java -version

I updated the etc/environment file with the following
JAVA_HOME= »/usr/lib/jvm/java-8-openjdk-armhf/jre/bin/java»

Of course there’s a problem to launch the display , because I use VNC viewer but I can see the Mango software starting when typing localhost :8080 in the webbrowser bar.

But why Mango is blocked at 5% when starting ?

Is-it because it’s not a oracle version of java ?

Thanks for your help

Best regards

here is the screnshot of the check starting mango

Hello Phil,

i have many difficulties how to use linux, and i followed your tutorial step by step.
But I encountered the problem with the path.
In your tutorial you said :

Add the following to the file
JAVA_HOME=/usr/local/java/jdk1.8.0_131
If you have path settings add at the end of PATH following :/usr/local/java/jdk1.8.0_131/bin”
save /etc/environment (ctrl+x)

But the syntax is not given by the tutorial.

So that’s why I’m lookink for help.

With your previous comment I know now that the path is not good . But i still don’t know how to write that path in etc/environment.

I tried to start mango with sudo ./ma.sh start command in the bin directory of mango , but mango doesn’t work

is_it because java JRE is not answering ?
because when I check java -version , I have no answer.

When you install JDK, does it install in the same time JRE ?

best regards

Hello,

I followed your tutorial to install mango on raspberry PI.

I’m blocked whith the command prompt :

sudo update-alternatives --install java /usr/bin/java /usr/local/java/jdk1.8.0_221/bin/java

as you can see with the following screenshot :

i don’t know linux , and I found on the web a syntax to declare the path for
:/usr/local/java/jdk1.8.0_221/bin but i don’t know if it’s the good syntax.
Here it’s what I wrote on the /etc/environment file :

Is-it correct for the path ?

If yes , have you got any idea of my problem ?

I can obtain JDK as you can see in the following screenshot, but not the java version :

Best regards

Hello jared,

You said : The gist of it is that ma-selector should be set to a CSS selector,

But I don’t even know how to set the ma-selector to a CSS selector !!

Even with the links you gave me , i unable to understand how does it works with mango . (angular JS attributes)

Even with the examples given in mango software I unable to update the code to realise the simple rotating svg object I want.

Using scripts is possible for me , but only if it’s not complicated.

I suppose i have to learn many things to be able to do a page like that :

So, I prefer to stop my involvement in mango.

Thanks for your help.

Bye

Hello,
The following example is taken from a video of mango website showing how to make an image rotating on itself.
It’s possible for me to make an image rotating on its own position, but not for a svg object.

The svg objet (called « rotor » in the script code below) is rotating with an offset of several hundreds of pixels.

I can of course use an image instead of a svg object , but the rotation wil not be exactly at the center of the object, it’s why i think it’s better to do with svg objects .

Have you got any idea why is there an offset when rotating ?

Where is it possible to find a documetation on the differents properties and method of ma-selector object ?

result of the display:

Best regards

for quicker view:

Hello,
I wonder why is there a special syntax in the example below with the character ! in the sentence :

<div ma-selector="#DAS-OFF rect" ng-style="{'fill': !dasStatus.value ? 'red' : 'white'}"></div>

And not in that sentence :

<div ma-selector="#DAS-ON rect" ng-style="{'fill': dasStatus.value ? 'green' : 'white'}"></div>

I tried to remove it but , the animation does’nt work properly.

Any idea ?

Best regards

Here is the screenshot

Hi MattFox and Phil,

Thanks for your answer.

I had firefox , and when pressing F12 , here is what I have.
It doesn’t seem that there is an error.

I tried with chrome as default web browser and with F12 , here is what I have.
It doesn’t seem that there is an error too.

I’m not very keen on with html and and css , so I don’t know how to use that code.

I tried the code of MattFox to display 3 window flex with a side bar , and it’s OK.
here is what I have.

But now I suppose I have to fill any of the 3 windows with html , css, javascript , and perhaps Angular.

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.
I’m just a PLC programmer , and just know a little bit html , css , and c programms.

For the red scratches , here is a screenshot of what appears on the screen when I open a custom page.

It was the same scratches that I had this morning with several pages .
And it disappeared.
As told Phil , it’s perhaps a problem of communication I had with the data of my PLC.
So , now every thing is ok , so I think it's just a short problem of communication .
the next time , i will check the datapoint values.
Perhaps Phil wil confirm , when seeing my screenshot.
Best regards

Hello,

I would like to display flex windows with left side bar and two others windows : a
Adaptive layout as you call it.

When I try to import a layout from example , nothing appears , in the window code editor.

Is-it normal ?

Sometimes I have red scratches on objects of dashboard designer.
What does it mean ?

Best regards

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

@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

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

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

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

Here's what I get:

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

(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.

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

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

I get this:

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:

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

Hello,

Is it possible to change the font size of SET POINT VALUE objects?, and the size of vertical arrows ?

The text associated with the SET POINT VALUE variable is not displayed. (when page running)

Is it a problem of setting?

Best regards

Good evening Phil,

Thank you for your answer.
Where to find the syntax to control with that script, the points (coils) of the IP modbus device?

Best regards