Skip to the content
Documentation

interfaceinterface

Extending PlatformUI with new navigation This tutorial aims at providing a step-by-step guide on how to extend the JavaScript application provided by the PlatformUI bundle. Build the content list As written in the PlatformUI technical introduction, pages in PlatformUI can be generated either by the browser based on the REST API (or any other API) responses or by doing part of the rendering on the server side for instance with some Twig templates called by a Symfony controller. Both options a Configure the navigation As written in the PlatformUI technical introduction, the Navigation Hub gives access to 4 navigation zones which have a set of navigation items. Each Navigation Item is actually a View in the Navigation Hub which can generate one or more links in the menu. Most Navigation Items can even be seen as a Working with timeline (page id 31431377) Timeline allows you to view what your page will look like at a given time. Working with timeline Timeline allows you to view what your page will look like at a given time. Define a View (page id 31430243) Each route defines a View to render when the route is matched. As explained in the PlatformUI technical introduction, this kind of view is called a Main View. Like any view, it can have an arbitrary number of sub-views. Define a View Each route defines a View to render when the route is matched. As explained in the PlatformUI technical introduction, this kind of view is called a Main View. Like any view, it can have an arbitrary number of sub-views. Conclusion (page id 31430255) We now have a basic interface but it already has some bugs and it could be improved in a lots of ways. Here is a list of things that are left as exercises: Conclusion We now have a basic interface but it already has some bugs and it could be improved in a lots of ways. Here is a list of things that are left as exercises: Create the extension Bundle (page id 31430237) To extend PlatformUI, the very first thing to do is to create a Symfony bundle. For that, you can use the Symfony generate bundle command in the following way: