...
A separator can be added to a toolbar by adding <item>-</item>
and , items can be right aligned by adding <item>-></item>
and a toolbar can be split using <item>|</item>
which will split the toolbar/statusbar over multiple lines.
Note |
---|
To be valid xml the |
...
toolbar | statusbar
Properties
...
Name | Type | Required | Description |
---|---|---|---|
scale | string | no | 'small', 'medium' or 'large', default is 'small'. Adjusts the size of the buttons in the toolbar/statusbar. This value can also be set at the top level in a client config to set it for every toolbar/statusbar in the client. |
iconAlign | string | no | 'top', 'bottom', 'left' or 'right', default is 'left'. Adjusts the alignment on the images within the buttons in the toolbar/statusbar. This value can also be set at the top level in a client config to set it for every toolbar/statusbar in the client. |
Sub-tags
Name | Type | Cardinality | Description |
---|---|---|---|
item |
0..* | A place holder for either an Action or Component |
Content
None
...
Examples
A Basic toolbar definition
Code Block | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
<toolbar> <item action="com.cohga.html.client.actions.zoomInAction"/> <item action="com.cohga.html.client.actions.zoomOutAction"/> <item>-</item> <item action="com.cohga.html.client.map.initialExtentAction"/> <item action="com.cohga.html.client.map.fullExtentAction"/> <item action="com.cohga.html.client.map.refreshMapAction"/> <item>-<></item> <!-- move this off to the right --> <item actioncomponent="com.cohga.html.client.actionscomponents.reportAction"/loadingComponent"/> <item>|</item> <!-- put the next items on their own line --> <item action="com.cohga.html.client.actions.gridActionreportAction"/> <item>-></item> <item componentaction="com.cohga.html.client.componentsactions.loadingComponentgridAction"/> </toolbar> |
Code Block | ||||||
---|---|---|---|---|---|---|
|
...
Code Block | ||||
---|---|---|---|---|
| ||||
<client:config>
<perspective>
<layout>
<west>
<name>toc</name>
<type>fit</type>
<west>
<center>
<name>map</toolbar>
<type>fit</type>
<toolbar>
<item action="com.cohga.dms.ShowSelected"/>
<item action="com.cohga.dms.ShowAllSelected"/>
</toolbar>
</center>
</layout>
....
</perspective>
</client:config>
|
Code Block | ||||||
---|---|---|---|---|---|---|
|
...
Code Block | ||||
---|---|---|---|---|
| ||||
<client:config>
<toolbar>
<item action="com.cohga.dms.ShowSelected"/>
<item action="com.cohga.dms.ShowAllSelected"/>
</toolbar>
<perspective>
<layout>
<west>
<name>toc</name>
<type>fit</type>
<west>
<center>
<name>map</toolbar>
<type>fit</type>
</center>
</layout>
....
</perspective>
</client:config>
|
Creating a sub-toolbar
Here is the sample of the select tools inside the toogle button
Code Block | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
<item action="weave.toggleToolbar">
<iconCls>icon-selectfeatures</iconCls>
<toolbar>
<item action="com.cohga.html.client.map.select.rect.newAction"/>
<item action="com.cohga.html.client.map.select.rect.addAction"/>
<item action="com.cohga.html.client.map.select.rect.removeAction"/>
<item action="com.cohga.html.client.map.select.rect.refineAction"/>
<item>-</item>
<item action="com.cohga.html.client.map.select.circle.newAction"/>
<item action="com.cohga.html.client.map.select.circle.addAction"/>
<item action="com.cohga.html.client.map.select.circle.removeAction"/>
<item action="com.cohga.html.client.map.select.circle.refineAction"/>
<item>-</item>
<item action="com.cohga.html.client.map.select.polyline.newAction"/>
<item action="com.cohga.html.client.map.select.polyline.addAction"/>
<item action="com.cohga.html.client.map.select.polyline.removeAction"/>
<item action="com.cohga.html.client.map.select.polyline.refineAction"/>
<itemitem>
<item action="com.cohga.html.client.map.select.polygon.newAction"/>
<item action="com.cohga.html.client.map.select.polygon.addAction"/>
<item action="com.cohga.html.client.map.select.polygon.removeAction"/>
<item action="com.cohga.html.client.map.select.polygon.refineAction"/>
<itemitem>
<item action="com.cohga.html.client.map.select.clearAction"/>
<item action="com.cohga.html.client.map.select.clearAllAction"/>
<itemitem>
<item action="com.cohga.html.client.map.select.zoomAction"/>
<itemitem>
<item action="com.cohga.html.client.actions.bufferAction"/>
</toolbar>
</item>
|
Code Block | ||||||
---|---|---|---|---|---|---|
|
...
Code Block | ||||
---|---|---|---|---|
| ||||
<item action="weave.toggleToolbar">
<iconCls>icon-world</iconCls>
<align>tl-bl</align>
<pressed>true</pressed>
<toolbar>
<item action="weave.previousExtent"/>
<item action="weave.nextExtent"/>
<item action="weave.initialExtent"/>
<item action="weave.fullExtent"/>
<item action="weave.zoomIn"/>
<item action="weave.zoomOut"/>
<item action="weave.pan" isDefault="true"/>
<item action="weave.refreshMap"/>
</toolbar>
</item>
|
...