Hi,
I'm trying to build a layout which consists of main layout with north
and east. The east layout will have a center and two south.
So far I couldn't manage that. I did manage to get a north, a center
and a south, but I want the center to remain open and both of the
south panes to be closed downward.
This is my layout for now:
function InitLayout() {
$(document).ready(function () {
mainLayout = $('body').layout({
minSize: 50,
north__slidable: false,
north__resizable: false,
north__spacing_open: 0,
east__size: 630,
east__initClosed: true,
east__spacing_closed: 20,
east__togglerLength_closed: 100,
east__togglerAlign_closed: "top",
east__togglerContent_closed: "ה<BR>ת<BR>ר<BR>א<BR>ו<BR>ת",
east__togglerTip_closed: "פתח והשאר פתוח",
east__sliderTip: "פתח לוח התראות",
east__slideTrigger_open: "mouseover",
onopen: function () {
ForceMapResize();
},
onclose: function () {
ForceMapResize();
},
onresize: function () {
ForceMapResize();
}
});
If i understand what you want your main layout should have a North, center,
and East. In your East pane you should have a center and South and in this
center pane you should have a center and South pane. This should give you
"double South panes" in your East pane.
Sent from my Samsung Galaxy Nexus
On May 10, 2012 1:47 AM, "toy4fun" <ron.e...@gmail.com> wrote:
> Hi,
> I'm trying to build a layout which consists of main layout with north
> and east. The east layout will have a center and two south.
> So far I couldn't manage that. I did manage to get a north, a center
> and a south, but I want the center to remain open and both of the
> south panes to be closed downward.
> --
> You received this message because you are subscribed to the Google Groups
> "jQuery UI Layout" group.
> To post to this group, send email to jquery-ui-layout@googlegroups.com.
> To unsubscribe from this group, send email to
> jquery-ui-layout+unsubscribe@googlegroups.com.
> For more options, visit this group at
> http://groups.google.com/group/jquery-ui-layout?hl=en.
You understood me well. I've tried to play with inner-south and outer-south but without luck. Can you provide a code sample for your suggestion? Thanks.
On Thu, May 10, 2012 at 6:28 AM, toy4fun <ron.e...@gmail.com> wrote:
> You understood me well.
> I've tried to play with inner-south and outer-south but without luck.
> Can you provide a code sample for your suggestion?
> Thanks.
> To post to this group, send email to jquery-ui-layout@googlegroups.com.
> To unsubscribe from this group, send email to
> jquery-ui-layout+unsubscribe@googlegroups.com.
> For more options, visit this group at
> http://groups.google.com/group/jquery-ui-layout?hl=en.
I see Austin answered your question about the double-south panes. (thanks Austin).
However I note an unrelated error in the code you posted. This will cause a lot of callbacks to fire that will slow down your page unnecessary...
onopen: function () { ForceMapResize(); }, onclose: function () { ForceMapResize(); }, onresize: function () { ForceMapResize(); }
You need only ONE callback (onresize) *on the specific pane that contains the map*. So if that map is inside the center-pane, *this is all you need*
...
center__onresize: ForceMapResize
Setting callbacks as you did can cause the ForceMapResize function to run up to 5 times in a row. For example, if you 'open' the north-pane, ALL the callbacks below will fire, each calling your function, and most of them before the center-pane has even been resized!
On Thursday, May 10, 2012 1:47:39 AM UTC-7, toy4fun wrote:
> Hi, > I'm trying to build a layout which consists of main layout with north > and east. The east layout will have a center and two south. > So far I couldn't manage that. I did manage to get a north, a center > and a south, but I want the center to remain open and both of the > south panes to be closed downward.
