Problems with 'orientation' …

[stephanParticipant]

Hi,

I’d like to have my windows dock hrizontally, yet they always dock vertically no matter how I set the ‘orientation’ option. Have a look at this fiddle:
http://jsfiddle.net/qMQhg/2/

The windows will dock only vertically. Out of desperation I also tested setting ‘Orientation’ to vertical, yet this changed nothing.

So my question is: how do I get my windows to dock only horizontally instead of only vertically ?

Regards,
Stephan

[DimitarParticipant]

Hello Stephan,

To achieve horizontal orientation, you should add more panels. It is the panels that are aligned, not the windows inside.

In your example, change the script to:

$('#myApp').append('<div id="dock" />');
$('#dock').append('<div id="panel1" />');
$('#dock').append('<div id="panel2" />');
$('#panel1').append('<div id="window1"><div>Header 1</div><div>Content 1</div></div>');
$('#panel1').append('<div id="window2"><div>Header 2</div><div>Content 2</div></div>');
$('#panel2').append('<div id="window3"><div>Header 3</div><div>Content 3</div></div>');
$("#dock").jqxDocking({
    width: "300",
    mode: 'docked',
    orientation: 'horizontal',
    //orientation: 'vertical',
});

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[stephanParticipant]

Hi Dimitar,

Ok, thanks, I understand now. So I can not get this dynamic “remove” effect and animation for the horizontal direction ?

You know: when I drag something out of a panel the elements below slide upwards to fill the space vacated by the window that is being dragged away. I wanted to get this effect horizontally: so the remaining horizontal windows slide to the left side.

Regards,
Stephan

[Author]

Posts