test_widget_layout.xml

<?xml version="1.0" encoding="UTF-8" ?>
<lcui-app>
  <resource type="text/css" src="test_widget_layout.css"/>
  <ui>
    <w id="sidebar" type="textview" class="sidebar">sidebar</w>
    <w class="body-wrapper">
      <w id="body" class="body">
        <w id="navbar" class="navbar">
          <w id="navbar-btn-1" type="textview" class="navbar-btn">Button 1</w>
        </w>
        <w id="content" type="textview" class="content">
          <w id="grid-box" class="grid-box">
            <w class="grid-box-text" type="textview">Grid box</w>
            <w class="row">
              <w class="col col-6">
                <w class="col-content" type="textview">
                  1 of 2
                </w>
              </w>
              <w class="col col-6">
                <w class="col-content" type="textview">
                  1 of 2
                </w>
              </w>
            </w>
            <w class="row">
              <w class="col col-3">
                <w class="col-content" type="textview">
                  1 of 4
                </w>
              </w>
              <w class="col col-3">
                <w class="col-content" type="textview">
                  2 of 4
                </w>
              </w>
              <w class="col col-3">
                <w class="col-content" type="textview">
                  3 of 4
                </w>
              </w>
              <w class="col col-3">
                <w class="col-content" type="textview">
                  4 of 4
                </w>
              </w>
            </w>
          </w>
          <w id="picture" type="textview" class="picture">Picture</w>
          <w id="overflow-box-1" class="overflow-box">
            <w type="textview">Overflow box 1</w>
            <w id="overflow-box-2" class="overflow-box" type="textview">
              <w type="textview">Overflow box 2</w>
              <w id="overflow-box-3" class="overflow-box" type="textview">Overflow box 3</w>
            </w>
          </w>
          <w class="overflow-box" type="textview">Overflow box 4</w>
          <w id="offset-box" class="offset-box" type="textview">Offset box</w>
        </w>
        <w id="alert" class="alert">
          <w class="alert-title" type="textview">Title</w>
          <w id="alert-text" class="alert-text" type="textview">Simple message, Hello, world!</w>
        </w>
      </w>
    </w>
  </ui>
</lcui-app>