jQuery UI Widgets Forums Layouts Docking Problems with 'orientation' …

This topic contains 2 replies, has 2 voices, and was last updated by  stephan 11 years ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • Problems with 'orientation' … #22882

    stephan
    Participant

    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

    Problems with 'orientation' … #22936

    Dimitar
    Participant

    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/

    Problems with 'orientation' … #22959

    stephan
    Participant

    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

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.