Tabbed display

Tabbed display - Demonstration

Items will be displayed in two separate tab containers:

art gallery and museum will be added to art tab container
cinema, pub and restaurant will be added to entertainment tab container

City Activities

City Activities

Add Art Gallery

Add Museum

Add Cinema

Add Pub

Add Restaurant

Art tab container

Entertainment tab container

XML output

If you want to turn the navigation toolbox on, go to Navigation description page.

Tabbed display - Description

In the example above the tab display functionality is presented. The tabs display can be added using the TabbedDisplayModifier modifier.

The tab container to which the items should be attached has to be set using the TabContainerId. The tab container with the given id should exist within the parent offspring of the offsprings on which the modifier is set.

It is important that all items of the same TabContainerId should follow one another and should not be intertwined with different content. Otherwise the result may be awkard, as the shown item will not be under the tab container.