apex:toolbar

1<!-- Page: sampleToolbar-->
2
3<apex:page id="thePage">
4
5<!-- A simple example of a toolbar -->
6
7    <apex:toolbar id="theToolbar">
8
9        <apex:outputText value="Sample Toolbar"/>
10
11        <apex:toolbarGroup itemSeparator="line" id="toobarGroupLinks">
12
13            <apex:outputLink value="https://salesforce.com">
14
15              salesforce
16
17            </apex:outputLink>
18
19            <apex:outputLink value="https://developer.salesforce.com">
20
21             apex developer network
22
23            </apex:outputLink>
24
25        </apex:toolbarGroup>
26
27        <apex:toolbarGroup itemSeparator="line" location="right" id="toobarGroupForm">
28
29            <apex:form id="theForm">
30
31                <apex:inputText id="theInputText">Enter Text</apex:inputText>
32
33                <apex:commandLink value="search" id="theCommandLink"/>
34
35            </apex:form>
36
37        </apex:toolbarGroup>
38
39    </apex:toolbar>
40
41</apex:page>
42
43
44
45<!-- Page: toolBarEvents-->
46
47<apex:page id="anotherPage">
48
49<!-- A simple toolbar that includes toolbar events.  -->
50
51  <apex:pageMessages/>
52
53  <apex:form>
54
55    <apex:toolbar 
56
57          onclick="alert('You clicked the mouse button on a component in the toolbar.')"
58
59          onkeydown="alert('You pressed a keyboard key in a component in the toolbar.')"
60
61          onitemclick="alert('You clicked the mouse button on a component that is ' +
62
63                              'not in a toolbarGroup.')"
64
65          onitemkeydown="alert('You pressed a keyboard key in a component that is ' +
66
67                                'not in a toolbarGroup.')">
68
69      <apex:inputText/>
70
71      Click outside of a toolbargroup
72
73      <apex:toolbarGroup><apex:inputText/>Click in a toolbarGroup</apex:toolbarGroup>
74
75    </apex:toolbar>
76
77  </apex:form>
78
79</apex:page>