Tobago Demo

Menu

» Root Dummy » Intro » Input » Output » Out » Label » Badge » Image » Figure » Progress » Object » Select » Command » Container » 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 » Out » Label » Badge » Image » Figure » Progress » Object » Select » Command » Container » 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

Output

The output components display data in different ways.

Output

<tc:out label="Output" value="Some Text"/> Some Text

Label

<tc:label value="Some Text"/>

Badge

<tc:badge value="Badge"/> Badge

Image

<tc:image value="#{request.contextPath}/image/tobago_head.png"/>

Progress

<tc:progress value="2" max="3"/>

Object

<tc:object src="https://www.openstreetmap.org/..."/>
© 2005-2023 Apache Software Foundation, Licensed under the Apache License, Version 2.0.