Refresh after browser resize possible?

[ralfMember]

I want to fill the entire body with the container div. How can I achieve that the dock panel will be re-rendered after a resize of the browser?

[Peter StoevKeymaster]

Hi Ralf,

You can achieve this by doing the following:

1. Create the jqxDockPanel and set its size to the window’s size.

            var scrolloffset = 20;
            $("#jqxDockPanel").jqxDockPanel();
            $("#jqxDockPanel").width($(window).width() - scrolloffset);
            $("#jqxDockPanel").height($(window).height() - scrolloffset);
            $('#jqxDockPanel').jqxDockPanel('render');

2. Subscribe to the window’s resize event and in the event handler, set the dock panel’s size again:

            $(window).resize(function () {
                $("#jqxDockPanel").width($(window).width() - scrolloffset);
                $("#jqxDockPanel").height($(window).height() - scrolloffset);
                $('#jqxDockPanel').jqxDockPanel('render');
            });

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[Author]

Posts