Tobago Demo

Menu

» Root Dummy » Intro » Input » Output » Select » Command » Container » Box » Panel » Separator » Section » Header and Footer » Bar » Popup » Popover » Toast » Tab Group » Sheet » Tree » File Upload » WYSIWYG Editor » Layout » Collapsible » Partial Ajax » Behavior » Form » Validation » Conversion » Format » Theme » Styling » Browser » Locale » AccessKey » DataAttribute » Focus » Meta » Icons » Security » Error Handling » Exception Handler » For Each » Resize » Conversation » WebSocket » Transition » Non Faces Response » Non Faces Request » Configuration » Test
» Root Dummy » Intro » Input » Output » Select » Command » Container » Box » Panel » Separator » Section » Header and Footer » Bar » Popup » Popover » Toast » Tab Group » Sheet » Tree » File Upload » WYSIWYG Editor » Layout » Collapsible » Partial Ajax » Behavior » Form » Validation » Conversion » Format » Theme » Styling » Browser » Locale » AccessKey » DataAttribute » Focus » Meta » Icons » Security » Error Handling » Exception Handler » For Each » Resize » Conversation » WebSocket » Transition » Non Faces Response » Non Faces Request » Configuration » Test

Container

With the container components, content can be shown in different ways.

Box

<tc:box label="Box">Content</tc:box>

Box

Content

Panel

<tc:panel>Content</tc:panel> Content

Separator

<p>Content</p> <tc:separator/> <p>Content</p>

Content

Content

Section

<tc:section label="Section">Content</tc:section>

Section

Content

Header and Footer

<tc:header>Header-Content</tc:header> <p>Content between header and footer.</p> <tc:footer>Footer-Content</tc:footer> Header-Content

Content between header and footer.

Footer-Content
© 2005-2023 Apache Software Foundation, Licensed under the Apache License, Version 2.0.