Redraw docked panel content

[phil.thompsonMember]

Hi All

I have a docking panel setup where a user action can increase/decrease the height of a docked panel.

This is done by changing the height of the panel like so:
$(“#ActivityDock”).height($(“#ActivityDock”).height() + 10)

this works fine and adjusts the panel height but I would also like the content of the panel to redraw
so it populates the newly available space and removes scrollbars if appropriate.

at present to get the redraw I am doing a collapse then expand of the panel:
setTimeout(function () { $(‘#docking’).jqxDocking(‘collapseWindow’, ‘ActivityDock’) }, 10);
setTimeout(function () { $(‘#docking’).jqxDocking(‘expandWindow’, ‘ActivityDock’) }, 200);

Can you suggest a better way, I seem to have tried all sorts but nothing else works.
Thanks.

[DimitarParticipant]

Hello phil.thompson,

To change the height of a panel in jqxDocking, you should do the following:

                $("#ActivityDock").jqxWindow({ height: $("#ActivityDock").height() + 10 });

This way, the content of the panel resizes properly.

Best Regards,
Dimitar

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

[Author]

Posts