EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: doev on December 05, 2013, 05:18:27 AM



Title: three regular vertical align panels in a layout
Post by: doev on December 05, 2013, 05:18:27 AM
Hello,

I try to use three vertical panels in a layout and initial every panel takes 100% width and 33% height.

Code:
<div id="content" region="center">
          ... main_datagrid
</div>
<div data-options="region:'west',split:true" id="content2" style="width:25%;"> // 25% would be much better
    <div id="p1" class="easyui-panel" style="height:33%;">
             ... datagrid_1
    </div>
    <div id="p2" class="easyui-panel"  style="height:33%;">
             ... datagrid_2
    </div>
    <div id="p3" class="easyui-panel"  style="height:33%;">
             ... datagrid_3
    </div>
</div>