Add buttons
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 

        

    

    



                
            

        

        

            

	
Tabbed display - Description



            

                
    

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

    

        By default, all elements sharing the same parent item and marked with the TabbedDisplayModifier
        are put into the same tab container, in which only one tab is visible at a time.
    

    

        This however can be changed by using the ContainerId property of the
        modifier. When this property is specified, all items with the same value of ContainerId
        will be in the same tab container
    

    

        

            It is important that all items of the same ContainerId 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.