Skip to main content

The navigation list on the left was achieved by placing DataGrids within TitlePanes. A non-visual component provided by the framework (idx.layout.SectionedNavController) is added after the grids to help coordinate the highlighting between all the grids that belong to the same navigation list. The SectionedNavController is provided with the grid IDs via its 'associatedGrids' attribute as a comma-separated list. In order to facilitate the handling of a navigation selection, the SectionedNavController publishes a <SectionedNavControllerID>-selectionChanged topic. This allows a user to subscribe to a single event, instead of handling an event from each grid in the navigation list independently.

In order to style the TitlePanes and Grids to use the sectioned navigation styling, a class attribute of "sectionedNavigation" should be specified on a content pane that surrounds the group of objects making up the navigation list.