Web UI Tutorials

There are a number of ways that your application can integrate new content into the ONOS Web GUI, as described below.

The following tutorials – using a fictitious company, Meowster, Inc. – show how each of these styles of content can be created. The tutorials build on each other, so it is recommended that you work through them in order. 

• Creating a Custom View
• Creating a Tabular View
• Creating a Topology Overlay

Also see the tutorial session presented at ONS 2016

• ONOS Web UI – Designed for Extensibility

Further topics can be viewed in the Developer's Guide for Customizing and Extending the ONOS GUI:

• Websocket communication
• Defining key-bindings
• Creating and using "fly-in" panels
• Defining custom "glyphs"