PDA

View Full Version : How to align toolbar to the bottom?



soad
20 Apr 2007, 9:35 PM
Is there any way to align toolbar to the bottom of content panel?

amon
21 Apr 2007, 12:59 AM
If you slice the panel with another borderLayout with south region?

soad
21 Apr 2007, 4:55 AM
Yes, as the last resort, in case I don't find something that requires less coding :))

soad
21 Apr 2007, 5:34 AM
It turns out to be trivial: put toolbar div AFTER the content div.

E.g.



<div id="panel">
<div id="content">...</div>
<div id="toolbar">...</div>
</div>


Creating a ContentPanel from the template above will put toolbar BELOW the "content" div.

jsakalos
21 Apr 2007, 10:46 AM
It turns out to be trivial: put toolbar div AFTER the content div.

E.g.



<div id="panel">
<div id="content">...</div>
<div id="toolbar">...</div>
</div>
Creating a ContentPanel from the template above will put toolbar BELOW the "content" div.

I also added:


new Ext.ContentPanel("panel", {
....
resizeEl: "content"
});
Also, content should be overflow:auto, and if the panel is in layout the region should be autoScroll:false.

These settings work form me; hope they'll do for you too.