NeXt UI Documentation
DISCLAIMER / As of 25th November 2019
Hi fellow developer
My name is Alex, I built this tutorial a while ago when I worked on the team that developed Next.
To my best knowledge, Next UI is no longer actively maintained. I will keep this repository as a monument of work I've done, but I'd like to set an expectation that any new issues or pull requests will be ignored.
In case you would like to obtain more details, I highly recommend going to the DevNet website for any information. At the time of writing this disclaimer this link worked to start a Webex Teams chat with the DevNet team: click here.
Introduction
This is the tutorial to help you understand how NeXt UI Toolkit works and start writing your code as soon as possible.
Should you notice a typo or have a question, do not hesitate to contact the authors at next-dev@lists.opendaylight.org.
Please, note: we appreciate sharing code snippets (instead of verbal description of an encountered issue). See guide.
Tutorial Contents
- Introduction
- Download and install
- Understand Common Topology Model
- Create your first topology
- Node sets
- Layers
- Path drawing
- Groups
- Data processors
- Layouts
- Scene
- Introduction to Object-Oriented Programming
- Properties
- Methods
- Inheritance
- Static classes & methods
- Binding & dependencies
- Events & watchers
- User Interface and DOM
- Property/method binding
- Event binding
- Using templates
- Inheritance of views
- MVVM
- Stage
Let's Play
It's time to play! Now that you've learned so much about NeXt, you can apply the knowledge to a real application.
You are now ready to create a real application built completely in NeXt. Don't worry - we'll guide you through this process.
- Quickstart
- Custom icons
- Action panel
- Path drawing
- Class extension
- Scene manipulation
- Tooltip policy customization
FAQ
We are happy to answer your questions. So we listed the most frequent of them in a separate section: Frequently Asked Questions.
For Contributors
The new contributors are very welcome, and here's how to become one: Contributors's Guide.
NeXt + AngularJS
As we say, NeXt pairs well with AngularJS. No tutorials are available for this awesome duo at the moment, but you may want to check out our portfolio in the Introduction, since it has several AngularJS+NeXt apps.
License
The content of the tutorial goes under Eclipse Public License - v 1.0.
See LICENSE for more info.
Credits