JavaScript DockPanel

Set the lastchildfill property of the jqxDockPanel. Author: http://jqwidgets.com

by jqwidgets

HTML

<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<script src="https://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<div id='jqxWidget' style="width: 300px; height: 600px; font-size: 13px; font-family: Verdana;">
    <div id='jqxDockPanel'>
        <div id='first' dock='left' style='background: #486974;'>First Div</div>
        <div id='second' dock='top' style='height: 100px; background: #368ba7;'>Second Div</div>
        <div id='third' dock='right' style='background: #df7169;'>Third Div</div>
        <div id='fourth' style='background: #a73654;'>Fourth Div</div>
    </div>

JavaScript

$("#jqxDockPanel").jqxDockPanel({
     width: 300,
     height: 210,
     lastchildfill:true
 });