coffeescript-ui/src/elements/BorderLayout/BorderLayout.html

Coffeescript User Interface System

<!--
 * 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="border-layout" class="cui-vertical-layout cui-layout" data-cui-absolute-container="column">
	<div class="cui-border-layout-north cui-vertical-layout-top"></div>
	<div data-cui-flex-handle="pane: .cui-border-layout-north; name: north; direction: column;"  data-cui-absolute-set="top"></div>
	<div class="cui-border-layout-main cui-vertical-layout-center" data-cui-absolute-set="top,bottom">
		<div class="cui-border-layout-row cui-horizontal-layout cui-maximize cui-maximize-vertical cui-maximize-horizontal cui-layout" data-cui-absolute-container="row" >
			<div class="cui-border-layout-west cui-horizontal-layout-left"></div>
			<div data-cui-flex-handle="pane: .cui-border-layout-west; name: west; direction: row;" data-cui-absolute-set="left"></div>
			<div class="cui-border-layout-center cui-horizontal-layout-center" data-cui-absolute-set="left,right"></div>
			<div data-cui-flex-handle="pane: .cui-border-layout-east; name: east; direction: row;" data-cui-absolute-set="right"></div>
			<div class="cui-border-layout-east cui-horizontal-layout-right"></div>
		</div>
	</div>
	<div data-cui-flex-handle="pane: .cui-border-layout-south; name: south; direction: column;" data-cui-absolute-set="bottom"></div>
	<div class="cui-border-layout-south cui-vertical-layout-bottom" ></div>
</div>