PDA

View Full Version : ViewPort layout issues



Sunech
18 Jan 2008, 6:36 AM
I'm messing around with ViewPort and all the amazing layout options that Ext gives, but I have a few issues that I seem to be stuck with.
You can see what I have created so far in this screenshot (http://www.npanel.net/ext1.jpg), it's based on the complex layout example (http://extjs.com/deploy/dev/examples/layout/complex.html).
My problems are the following:

1) Bottom component in west menu
In my left side menu I would like to create a component (a search box) that's alligned to the bottom of the menu, as seen in this screenshot (http://www.npanel.net/ext2.jpg) (this screenshot is not based on Ext).
I would like it to have a fixed height and the content to stay visible no matter which of the other menus above the user chooses. How can I do this?

2) Remembering active menu
The layout remembers the width of the menus and whether or not they are collapsed via cookies, is there any easy way to make it remember which of the menu points in the western menu that should be expanded?

3) Order to view the west components in
I would also like the west menu to always show the expanded menu at top, and have all the other menus below it. Is this possible in any way?

It's the first point that is most important to me, the second one I think I can work around and the third one I would be able to live with out :)
I hope that someone has some input - thanks in advance.

Animal
18 Jan 2008, 7:21 AM
1. http://extjs.com/deploy/dev/docs/?class=Ext.Panel&member=bbar

2. Never used this, but you can use this to implement your own scheme: http://extjs.com/deploy/dev/docs/?class=Ext.state.Manager

3. Whipping a whole tree node to the top when a user clicks on it to expand it? So the menu never has a consistent structure? You're going to be popular!

Sunech
19 Jan 2008, 10:18 AM
1. http://extjs.com/deploy/dev/docs/?class=Ext.Panel&member=bbar
Thanks, that looks really interesting - but isn't it only for a toolbar component? I can get it to work with a toolbar, but what I need is a BoxComponent with a title and some HTML content - and I can't get that to work. Tried the following:


bbar: new Ext.BoxComponent({
title:'Test',
html:'Form here'
}),


2. Never used this, but you can use this to implement your own scheme: http://extjs.com/deploy/dev/docs/?class=Ext.state.Manager
Interesting, I'll look in to that when I get the first issue resolved.


3. Whipping a whole tree node to the top when a user clicks on it to expand it? So the menu never has a consistent structure? You're going to be popular!
That was my intention, yes. But as mentioned this one isn't important.

Sunech
19 Jan 2008, 2:34 PM
Thanks, that looks really interesting - but isn't it only for a toolbar component? I can get it to work with a toolbar, but what I need is a BoxComponent with a title and some HTML content - and I can't get that to work.

I tried with Ext.Panel, that solved it and covered my needs.