Horizontal <d-linear-layout vertical="false" style="width: 100%; border: solid 1px black"> <div class="green fill" style="height:50px">A</div> <div class="red fill">B</div> <div class="blue" style="width:150px; height:150px">C</div> </d-linear-layout> Vertical <d-linear-layout vertical="true" style="height: 200px; width: 100%; border: solid 1px black"> <div class="blue" style="height:30%; width: 150px">A</div> <div class="green fill">B</div> <div class="red">C</div> </d-linear-layout>
.red { background-color: #D9534F; } .blue { background-color: #5BC0DE; } .green { background-color: #5CB85C;}
require.config({ baseUrl: "http://ibm-js.github.io/libraries/master" }); require(["deliteful-build/layer"], function () { require([ "deliteful/LinearLayout" ], function (){ document.body.style.display = ""; }); });