jqxDocking not sizing docking panels correctly

[pmartinezParticipant]

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>

[DimitarParticipant]

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/

[dsFranzParticipant]

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??

[DimitarParticipant]

Hello dsFranz,

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

Best Regards,
Dimitar

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

[Author]

Posts