Panel collapse icon

[solovieff13]

Hi,

I have two panels with anchor layout like this

{
                                            layout : 'anchor',
                                            id : 'doublePanel',
                                            region : 'west',
                                            defaults :
                                            {
                                                anchor : '100%'
                                            },
                                            border : false,
                                            split : false,
                                            margins : '2 0 5 5',
                                            width : 335,
                                            items : [panel1, panel2],

in panel2 i have:

{
height: 150,
collapsible: true
}

I want panel2 to collapse to the bottom, not to the top (so, I want panel1 to have all the space). As far as I know I can not to that directly, so, I do the following in panel2 listeners:

collapse: function()
                    {
                        panel1.setHeight(300);
                    },
                    expand: function()
                    {
                        Ext.getCmp('dealSummary').setHeight(450);
                    }

to hide panel2 and make panel1 fill all the space.

So, there are two questions:
1) can i do that directly without setting the height to panel1?
2) if no, how can I change the "collapse" icon, so that 'collapse' icon will be 'expand' one and vice versa.

[emmahudson88]

Thank you so much for your post.

[solovieff13]

It is called collapseDirection.