PDA

View Full Version : collapsable panel height problem



arunkumargm1987
5 Jul 2010, 8:58 PM
how can i set the height of collapsed panel,



element.style {
display:block;
height:555px;
left:5px;
position:absolute;
top:282px;
visibility:visible;
width:20px;
z-index:20;
}
this is what i found in firebug for ext-all.css
but i failed to search these items in ext-all.css file
please help me how could i set the height of the collapsed panel(when it is collapsed..)
:-|:(:-/

arunkumargm1987
5 Jul 2010, 9:24 PM
please help me

arunkumargm1987
5 Jul 2010, 9:27 PM
help me

Animal
5 Jul 2010, 9:39 PM
You can't mess with CSS styles directly like that.

Collapsed is collapsed.

You mean set the height?

arunkumargm1987
5 Jul 2010, 9:57 PM
ya when it is collapsed its height is bigger than my div so how can i set or override its height..

Animal
5 Jul 2010, 11:17 PM
What you just said, I can't make any sense of. Collapsed height is bigger than something?

DIV? Why are you on about DIVs?

Put Components inside Containers which you configure with size-managing layouts.

arunkumargm1987
6 Jul 2010, 12:00 AM
is there any way by which i can increase or decrease collapsed panel's height?

Animal
6 Jul 2010, 12:05 AM
How little do you want it? It collapses so that only its header is visible which is only about 25px high.

arunkumargm1987
6 Jul 2010, 12:08 AM
{
region :'west',
id :'west-panel',
title :'Category',
split :true,
height:500,
width :225,
boxMaxWidth:225,
boxMaxHeight:500,
boxMaxHeightCollapsed:400,
collapsible :true,
collapsed :false,
margins :'10 0 0 10',
layout : {
type :'accordion',
animate :true
},
items : [ {
title: 'Category',
contentEl :'category-panel'
}, {
title: 'TOP CATEGORY',
contentEl :'right-panel'
},
{
title: 'RELATED TOPICS',
contentEl :'related-topics'
}
]
}


this is my west panel , when i collapse it ,its height will be 555px, i wanted to change its height to 490px when it is collapsed,
how can i make it

arunkumargm1987
6 Jul 2010, 12:18 AM
it won't collapse horizontally, as its west panel it will collapse vertically..so i would like to change its height when its collpased..

Animal
6 Jul 2010, 12:21 AM
You can't in a border layout.

In a border layout, a west regin collapses to a thin strip 25px wide (or, if you use collapseMode: 'mini', a thin strip 5px wide)

What on EARTH could you be talking about changing the height of that?

arunkumargm1987
6 Jul 2010, 12:30 AM
21279

Animal
6 Jul 2010, 12:39 AM
You have a bug in your "page"

That black block you have is not part of the layout, so the layout manager does not know it is there.

WHY have you not just used a south region for that?

arunkumargm1987
6 Jul 2010, 12:43 AM
ya that is footer..footer i m just using a html file ..
so overall can i reduce that height wit new css or something??
if so ple reply me with the code

Animal
6 Jul 2010, 1:00 AM
Use it as a south region.