PDA

View Full Version : Resize handles for region in borderLayout



Stju
23 Feb 2010, 11:46 AM
Hello!
How can I add resize handle in splitbar between regions in borderLayout? By default splitbar is unstyled, just transparent region.
Looked in documentation, seems there is no property to specify that..
You have even no clue, that region can be resized until You hover over splitbar, and cursor changes!
See images. Any help would be very appreciated ..
Regards,
Stju

ahameed
11 Mar 2010, 7:06 AM
Hi

I have same issue. Please do let me know if you found something. Found nothing in the API Docs.

Stju
11 Mar 2010, 10:19 AM
Yes I made a workaround(for handle files look in extjs resource folder):


/* tweaks to show correct resize handles */
.x-splitbar-h, .x-splitbar-proxy-h {
cursor: e-resize;
cursor: col-resize;
background:url(../images/sizer/e-handle.gif) left;
}

.x-splitbar-v, .x-splitbar-proxy-v {
cursor: s-resize;
cursor: row-resize;
background:url(../images/sizer/s-handle.gif) top center;
}

/* workaround for mini layout */
.x-layout-split-east .x-layout-mini {
top:0;
}

.x-layout-split-south .x-layout-mini {
left:0;
}


Stju