Tobago Demo
Home
Configuration
Theme
Standard Theme
Scarborough
Speyside
Roxborough
Charlotteville
Locale
English (United States)
English (United Kingdom)
German
German (Germany)
German (Austria)
German (Switzerland)
Spanish
Japanese
Japanese (Japan)
Russian
Russian (Russia)
Chinese
Chinese (Taiwan)
English
Login
Reset Session
Test
Run test
navigation entry
Menu
Menu Item
Sub Menu
Sub 1
Sub 2
Sub 3
Sub 4
Sub 4 1
Sub 4 2
Sub 4 3
Sub 5
Sub 5 1
Sub 5 2
Info
Tobago Demo - 5.15.0-SNAPSHOT
Client Info
Server Info
Logging Info
Tobago Home
go
Menu
» Root Dummy
» Intro
» Input
» Output
» Select
» Command
» Container
» Popup
» Popover
» Toast
» Tab Group
» Sheet
» Sheet Sorting
» Paginator
» Sheet Column Selector
» Sheet Selectionchange
» Sheet Event
» Sheet Action
» Sheet Markup
» Sheet Style
» Empty Sheet
» Column Bar
» Sheet Filter
» Sheet Static Header
» Sheet Multi Header
» Sheet Tree
» Column Panel
» Sheet Editable
» Sheet Lazy
» Sheet Nested
» 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
» Root Dummy
» Intro
» Input
» Output
» Select
» Command
» Container
» Popup
» Popover
» Toast
» Tab Group
» Sheet
» Sheet Sorting
» Paginator
» Sheet Column Selector
» Sheet Selectionchange
» Sheet Event
» Sheet Action
» Sheet Markup
» Sheet Style
» Empty Sheet
» Column Bar
» Sheet Filter
» Sheet Static Header
» Sheet Multi Header
» Sheet Tree
» Column Panel
» Sheet Editable
» Sheet Lazy
» Sheet Nested
» 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
Column Panel
The
<tc:columnPanel/>
tag creates a panel space under each column. The content may be futher information about the entries.
Panel after each row
Name
Orbit
Period (Days)
Sun
-
0.0
This is the content of the column panel. Here e. g. can be placed some information about each entry, in this case over the planet or moon. It was discoverd by - in the year .
Mercury
Sun
87.97
This is the content of the column panel. Here e. g. can be placed some information about each entry, in this case over the planet or moon. It was discoverd by - in the year .
Venus
Sun
224.7
This is the content of the column panel. Here e. g. can be placed some information about each entry, in this case over the planet or moon. It was discoverd by - in the year .
Earth
Sun
365.26
This is the content of the column panel. Here e. g. can be placed some information about each entry, in this case over the planet or moon. It was discoverd by - in the year .
Rows
1
to 4 of 88
1
2
3
4
5
6
7
8
9
Page
1
of 22
Responsive with Bootstrap classes
In this example there is a cobination with the bootstrap classes to show either the discoverer and the year as a column, or on small displays in the panel after each row. See also the
Bootstrap
styling example.
Name
Orbit
Period (Days)
Discoverer
Year
Sun
-
0.0
-
Discoverer
Year
Mercury
Sun
87.97
-
Discoverer
Year
Venus
Sun
224.7
-
Discoverer
Year
Earth
Sun
365.26
-
Discoverer
Year
Rows
1
to 4 of 88
1
2
3
4
5
6
7
8
9
Page
1
of 22
Client Information
Theme:
Standard Theme (5.15.0-SNAPSHOT)
Locale:
English (United States)
Requests:
0 / AJAX: 0
© 2005-2024 Apache Software Foundation, Licensed under the
Apache License, Version 2.0
.
This site requires JavaScript, but JavaScript is currently not activated in your browser. To enable JavaScript you may consult your browsers the documentation.