Hello! I’m new here, so if this has been covered elsewhere, please let me know!
The above example works fine, EXCEPT when your initial panels have a combined height greater than the browser window. When this happens, scroll bars appear, and for some reason, all the panels get stacked in the first column. Of course, the moment you resize the window at all, even just one pixel, they pop nicely into place. How can I get then to start out correctly, two across (in the above example)? It is very easy to recreate.. with the above example, just add into the ready() function the heights of the windows:
$(document).ready(function () {
// Create jqxDocking
$(“#docking”).jqxDocking({ width: ‘100%’, theme: ‘classic’, orientation: ‘horizontal’ });
$(‘#docking’).jqxDocking(‘setWindowProperty’, ‘window1’, ‘height’, 500);
$(‘#docking’).jqxDocking(‘setWindowProperty’, ‘window2’, ‘height’, 500);
$(‘#docking’).jqxDocking(‘setWindowProperty’, ‘window3’, ‘height’, 500);
$(‘#docking’).jqxDocking(‘setWindowProperty’, ‘window4’, ‘height’, 500);
});
Thanks!
-Mark
