coffeescript-ui
Version:
Coffeescript User Interface System
31 lines (29 loc) • 1.59 kB
HTML
<!--
* coffeescript-ui - Coffeescript User Interface System (CUI)
* Copyright (c) 2013 - 2016 Programmfabrik GmbH
* MIT Licence
* https://github.com/programmfabrik/coffeescript-ui, http://www.coffeescript-ui.org
-->
<div data-template="vertical-layout" data-cui-absolute-container="column">
<div class="cui-vertical-layout-top"></div>
<div data-cui-flex-handle="pane: .cui-vertical-layout-top; name: top; direction: vertical;" data-cui-absolute-set="top"></div>
<div class="cui-vertical-layout-center" data-cui-absolute-set="top,bottom"></div>
<div data-cui-flex-handle="pane: .cui-vertical-layout-bottom; name: bottom; direction: vertical;" data-cui-absolute-set="bottom"></div>
<div class="cui-vertical-layout-bottom"></div>
</div>
<div data-template="vertical-layout-top-center-bottom" data-cui-absolute-container="column">
<div class="cui-vertical-layout-top"></div>
<div class="cui-vertical-layout-center" data-cui-absolute-set="top,bottom"></div>
<div class="cui-vertical-layout-bottom"></div>
</div>
<div data-template="vertical-layout-top-center" data-cui-absolute-container="column">
<div class="cui-vertical-layout-top"></div>
<div class="cui-vertical-layout-center" data-cui-absolute-set="top"></div>
</div>
<div data-template="vertical-layout-center-bottom" data-cui-absolute-container="column">
<div class="cui-vertical-layout-center" data-cui-absolute-set="bottom"></div>
<div class="cui-vertical-layout-bottom"></div>
</div>
<div data-template="vertical-layout-center" data-cui-absolute-container="column">
<div class="cui-vertical-layout-center"></div>
</div>