[DragosPopParticipant]

Not by dragging it out, just showing when it is in hidden state; I found this css which I have overwritten with my width:

        .jqx-layout-group-auto-hide-content-vertical
        {
            width: 600px;
        }

[DragosPopParticipant]

1) The problem wasn’t with the middle width and height – the middle can shrink to nothing; my problem was with the surrounding panels that I want to keep their sizes (vertical panels their width and horizontal panels their height).
2) Ok.

Though jqxDockingLayout was a much nicer control, in the end I end up using a jqxLayout to which I change sizes and then call render after each browser resize.

Thank You for your answers.

[DragosPopParticipant]

Ok, I understand.
It actually works excellent with fixed dimensions.

Unfortunately for me, I need it to properly resize when the browser window is resized; I’ve tried al sorts of things; the closest one to near work was with a fixed dimensions and changing the sizes when the browser window resizes and then call render, but when I try to move a window to another group I get “Uncaught TypeError: Cannot set property ‘_index’ of undefined” and from that on nothing works.

One more thing: the event.args.item of event resize always shows the documentGroup when I drag the right margin of the left panel; but in fact, besides the middle panel, also the right and bottom panels are resizing; how can I get the new sizes of all of the panels involved?

[DragosPopParticipant]

Is this a bug, or is it by design?

Because all the docking layouts that I’ve tried (Visual studio, dev express) works as I described.

If it is by design, how can I get the size of the elements – left, middle, bottom and right panels to change their dimensions when the browser window is resizing?

[Author]

Posts