jQuery UI Widgets Forums Layouts Docking jqxDocking not sizing docking panels correctly

This topic contains 3 replies, has 3 voices, and was last updated by  Dimitar 3 years ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author

  • pmartinez
    Participant

    this code was working in version 4.1.0, but upgrading to version 4.1.1 is causing all docking panels to be the same size

    <div id=”jqxDocking”>
    <div id=”panel1″ style=”width:25%;”>
    <div id=”window1″>
    <div>Header 1</div>
    <div>Content 1</div>
    </div>
    </div>

    <div id=”panel2″ style=”width:75%;” >
    <div id=”window2″>
    <div>Header 2</div>
    <div>Content 2</div>
    </div>
    </div>
    </div>

    <script>
    $(“#jqxDocking”).jqxDocking({
    width: ‘100%’,
    mode:’docked’,
    theme: ‘energyblue’
    });
    </script>


    Dimitar
    Participant

    Hello pmartinez,

    The current behaviour of jqxDocking is the expected one – the panels (columns) are always with the same width, no matter the CSS settings applied. The dimensions of the jQWidgets components should not be set via CSS, only via the widgets’ API (with the exception of jqxChart).

    Best Regards,
    Dimitar

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


    dsFranz
    Participant

    Hello Dimitar

    Have i understood this correctly, there is no way to have panels with different width in jqxDocking, that means it is not possible to have windows with
    different width in two columns.
    That seams a bit strange to me, because it is a very common use case, to have different column width in a layout??


    Dimitar
    Participant

    Hello dsFranz,

    You are correct. This feature is, unfortunately, not supported by jqxDocking.

    Best Regards,
    Dimitar

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

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

You must be logged in to reply to this topic.