Tobago Demo

Menu

Section

A section can be added with <tc:section/> tag.

Tag Library Documentation

Basics

A section can have a title. It is added with the label attribute. This text is the content of a section.

<tc:section label="Basics">

Cascading

A section can contain one or more sections. In this example, the sections are cascaded to level six.

Section 2

Level two. The section "Cascading" is level one.

Section 3

Level three.

Section 4

Level four.

Section 5

Level five.

Section 6

Level six.

Image

Sections can have an image, a Bootstrap Icon or FontAwesome icon (todo: included by your application) in the header.

Bootstrap Icons: Pie-Chart

<tc:section image="bi-pie-chart" label="Bootstrap Icons: Pie-Chart">

FontAwesome: Pie-Chart

<tc:section image="fa-pie-chart" label="FontAwesome: Pie-Chart">

Image File: feather-leaf.png

<tc:section image="/demo-5-snapshot/image/feather-leaf.png" label="Image File: feather-leaf.png">

Level

You can manually set a level for a section header. For the following section the level is set to '5'.

Level 5 Section
<tc:section label="Level 5 Section" level="5">
© 2005-2023 Apache Software Foundation, Licensed under the Apache License, Version 2.0.