PDA

View Full Version : Vertical alignement of objects in toolbar



lads
10 Jan 2013, 7:50 AM
Dear all,

I'm using GeoExt with Ext 3.4.0 for a web mapping application. I have a toolbar with a few buttons, separators and a split button. The code that creates this toolbar can be found below, and in attachment is a small picture with the result. As you can see, each item is assortedly aligned in the vertical. My question would be how to align all these items together, in line with the split button.

Thank you and regards,

Luís



tbar: {
height: 100,
items:[
'-',
[{
iconCls: "pan",
map: WebGIS.map,
pressed: true,
toggleGroup: "tools",
allowDepress: false,
tooltip: "Navigate",
control: new OpenLayers.Control.Navigation()
},{
iconCls: "print",
map: WebGIS.map,
toggleGroup: "tools",
allowDepress: false,
tooltip: "Print - still in development",
disabled: true
}],
'-',
'->',
'-',
{
xtype:'splitbutton',
text: 'Open Street Map',
menu: [{
text: 'Open Street Map',
checked: true,
handler : WebGIS.baseOSM,
group: 'baseLayer'
},{
text: 'Google Satellite',
checked: false,
handler : WebGIS.baseGoogleSat,
group: 'baseLayer'
}]
}]
}


041211

mitchellsimoens
13 Jan 2013, 9:30 AM
You can try aligning with some CSS, a toolbar is just a <table> really

lads
14 Jan 2013, 12:47 AM
Hi mitchell, thank you for the reply. Eventually I found a CSS rule that was interfeering with the table created to harbour these controls.

Regards.