Skip to main content link. Accesskey S


A tree is a navigational structure that shows the heirarchy of the navigation, and typically has nodes that you can expand and collapse.



  • lotusTree - goes on the outermost ul tag.
  • portlet-tree - the WSRP tree style

Basic Implementation

The tree is created using a series of nested lists with the class of lotusTree assigned to the outermost ul tag. See the code sample for more details.


There are currently no examples of this component on example pages.

Sample HTML

CSS (tree.css)

Theme CSS (treeTheme.css)

History of component

See Also:

IBM, the IBM logo, and Lotus are trademarks of International Business Machines Corp., registered in many jurisdictions worldwide. Other product and service names might be trademarks of IBM or other companies. A current list of IBM trademarks is available on the Web at "Copyright and trademark information" at