Mango Dashboard 3.x Video Training Series
Will Geller last edited by Will Geller
In this video training series we will cover how to build an app with Mango Dashboards 3.x. We will be creating a fully responsive single page application with multiple pages containing components for retrieving and displaying data from your Mango system.
Watch the Introduction:
This set is geared more to first timers so feel free to reply with requests for future training videos.
I would really like to start replacing my DGLux dashboard with yours, as I'm not 100% pleased with how DGLux functions.
For example, if Mango is ever restarted, the DGLux page is completely frozen unless a refreshing of the page is done. This is a pain, because our dashboard run on a PC which is not easily available, Do Mango dashboards automatically come back up with the newest data if the service is restarted? Or am I confusing this issue with something that naturally happens on the browser side?
Would you be able to comment as to when and if you guys are planning to build a more GUI-based dashboard building tool for those
of us for whom programming is not a strong suit?
phildunlap last edited by phildunlap
It's off the topic of the thread, but you make a watchdog in DGLux if you check a timestamp by binding it to a property of a script element and triggering a behavior configured to refresh the page if the point doesn't update in some amount of time. You'd also need to create a timer element to trigger the execution of the script and check if enough time had passed. At that point, you're doing something as difficult or more difficult than coding, since you have to understand the widget library and the subtleties of how to use them together. I promise there is more angular documentation than DGLux 2.5 documentation!
If we had been 100% satisfied with DGLux 2.5, we probably wouldn't have spent the effort creating an angular library as we have. Our dashboards module does have watchdog logic to handle the situation where Mango restarts while the dashboard is open and perform a reconnection!
Joel could give a more definite answer on where a feature rich WYSIWYG is on the roadmap, but there are many reasons to believe it is awhile away if ever. The module already presents a lot of examples side by side with the markup that generated them, and provides a 'play area' to see your markup as you're developing it. A WYSIWYG would create a large, cumbersome codebase on top of the API, which could slow developing novel functions for the sake of some click-and-drag still working.
In the mean time, I encourage you to believe in your abilities to code / markup! We do our best to make this forum a place of learning and I'm sure you've seen lots of people get help with coding questions. And, if not, you can always hire a youngster! Many these days are taught basic coding and comfort with programming concepts in primary and secondary schools, which goes to show how being willing to engage code and learning to get comfortable with a language is still increasing in importance in our world.
Will Geller last edited by phildunlap
Phillip's comments on the plans for the dashboard module are pretty much where it is headed. I don't think a WYSIWYG is in the near future per say, but we are doing are best to make it easy to build dashboards by creating HTML components that you can use to retrieve data and display it in various visualizations. I will add that in the videos I show that no real programming is required, only utilizing of the HTML components and understanding how tie them together and lay them out.
In the next release of the dashboards module you will be able to edit the menu and create your own pages from within the dashboard UI. So the steps on editing the app.js file will be unnecessary and you won't necessarily even have to use a code editor or upload files. It should then be very easy to copy and paste code and modify to your needs.
The advantage to what we are doing is for those who are willing to dig deeper you can create your own components and app logic to customize the UI functionality to your own choosing.
In addition we should be releasing full API documentation of the directives and services in the next release. It will be integrated with the demo examples.
I apologize for posting off topic in here.
You both make good points; it does seem relatively easy to build a dashboard, especially with what you are saying about the next release, Will.
You're right Phil, I do need some courage to delve into it, or as you said, hire a youngster ;). I think when I get some extra time and it's a good reason for us to do so, we'll work on developing something.
Thanks very much for your responses.
Overall I love what I see and am excited to work with it in the future. I don't think we'll be purchasing DGLux5 at all, so this is great news for us. I'm looking forward to your videos.
I can not watch these training video in my place, and now I really want to learn the dasboard. How could I do? Can mango kindly send these training video to my email?
JoelHaggar last edited by
I think the easiest thing would be for you to subscribe to a proxy service which will allow you to watch videos that would otherwise be blocked by your country. This is what most people do. The files are very large so it's not so easy to email them.
Hello Mr. Haggar,
Thanks for your replay. I will try to find the proxy server to do this.
I have been watching the "Mango Dashboard 3.x Video Training Series" and I have been trying to find the rest of the videos in the series, am I missing something as I am unable to locate them.
Will Geller last edited by Will Geller
Here is a link to the full series:
At this point we recommend you use the built in editable pages rather then copying the admin template and manually updating the menu.
Otherwise the information on using the HTML components for layout and functionality is still relevant.
We will be creating a lot of new training in the near future when 3.0 preview is released