toolbar - Toolbar

Presents a horizontal list of options which the user can click.

Category

Extension Library

Syntax

<xe:toolbar attributes>content</xe:toolbar>
Table 1. Essential properties
Property Description
id Defaults to toolbar1, toolbar2, and so on.
treeNodes Specifies nodes for the list.
showButtonLabels Specifies whether the list labels are displayed. Defaults to true.
onItemClick Use this event to get the value that the user selects with context.getSubmittedValue().
Table 2. All properties
Category Properties
basics binding, id, loaded, rendered, showButtonLabels, rendererType, treeNodes
events onItemClick
styling disableTheme, style, styleClass, themeId

Usage

This control is not tested against the latest accessibility standards. The recommended accessible path is to use core controls to achieve the desired effect.

Examples

This toolbar provides links to two other pages.
<xe:toolbar id="toolbar1">
	<xe:this.treeNodes>
		<xe:pageTreeNode page="/main.xsp" label="go to main page"></xe:pageTreeNode>
		<xe:pageTreeNode page="/mainview.xsp" label="go to mainview page"></xe:pageTreeNode>
	</xe:this.treeNodes>
</xe:toolbar>