<HTML>
<HEAD>
<meta charset="UTF-8">
<title>pl.treksoft.kvision.panel - kvision</title>
<link rel="stylesheet" href="../../style.css">
</HEAD>
<BODY>
<a href="../index.html">kvision</a>&nbsp;/&nbsp;<a href="./index.html">pl.treksoft.kvision.panel</a><br/>
<br/>
<h2>Package pl.treksoft.kvision.panel</h2>
<p>Rich set of container classes, supporting both simple use cases and sophisticated layouts (including CSS flexbox,
CSS grid and Bootstrap responsive 12 columns gid).</p>
<h3>Types</h3>
<table>
<tbody>
<tr>
<td>
<p><a href="-d-i-r-e-c-t-i-o-n/index.html">DIRECTION</a></p>
</td>
<td>
<code><span class="keyword">enum</span> <span class="keyword">class </span><span class="identifier">DIRECTION</span></code>
<p>Split panel direction.</p>
</td>
</tr>
<tr>
<td>
<p><a href="-dock-panel/index.html">DockPanel</a></p>
</td>
<td>
<code><span class="keyword">open</span> <span class="keyword">class </span><span class="identifier">DockPanel</span>&nbsp;<span class="symbol">:</span>&nbsp;<a href="-simple-panel/index.html"><span class="identifier">SimplePanel</span></a></code>
<p>The container with dock layout (up, down, left, right and center positions).</p>
</td>
</tr>
<tr>
<td>
<p><a href="-f-l-e-x-a-l-i-g-n-c-o-n-t-e-n-t/index.html">FLEXALIGNCONTENT</a></p>
</td>
<td>
<code><span class="keyword">enum</span> <span class="keyword">class </span><span class="identifier">FLEXALIGNCONTENT</span></code>
<p>CSS flexbox content alignment options.</p>
</td>
</tr>
<tr>
<td>
<p><a href="-f-l-e-x-a-l-i-g-n-i-t-e-m-s/index.html">FLEXALIGNITEMS</a></p>
</td>
<td>
<code><span class="keyword">enum</span> <span class="keyword">class </span><span class="identifier">FLEXALIGNITEMS</span></code>
<p>CSS flexbox alignments options.</p>
</td>
</tr>
<tr>
<td>
<p><a href="-f-l-e-x-d-i-r/index.html">FLEXDIR</a></p>
</td>
<td>
<code><span class="keyword">enum</span> <span class="keyword">class </span><span class="identifier">FLEXDIR</span></code>
<p>CSS flexbox directions.</p>
</td>
</tr>
<tr>
<td>
<p><a href="-f-l-e-x-j-u-s-t-i-f-y/index.html">FLEXJUSTIFY</a></p>
</td>
<td>
<code><span class="keyword">enum</span> <span class="keyword">class </span><span class="identifier">FLEXJUSTIFY</span></code>
<p>CSS flexbox justification options.</p>
</td>
</tr>
<tr>
<td>
<p><a href="-f-l-e-x-w-r-a-p/index.html">FLEXWRAP</a></p>
</td>
<td>
<code><span class="keyword">enum</span> <span class="keyword">class </span><span class="identifier">FLEXWRAP</span></code>
<p>CSS flexbox wrap modes.</p>
</td>
</tr>
<tr>
<td>
<p><a href="-flex-panel/index.html">FlexPanel</a></p>
</td>
<td>
<code><span class="keyword">open</span> <span class="keyword">class </span><span class="identifier">FlexPanel</span>&nbsp;<span class="symbol">:</span>&nbsp;<a href="-simple-panel/index.html"><span class="identifier">SimplePanel</span></a></code>
<p>The container with CSS flexbox layout support.</p>
</td>
</tr>
<tr>
<td>
<p><a href="-g-r-i-d-a-l-i-g-n/index.html">GRIDALIGN</a></p>
</td>
<td>
<code><span class="keyword">enum</span> <span class="keyword">class </span><span class="identifier">GRIDALIGN</span></code>
<p>CSS grid alignment options.</p>
</td>
</tr>
<tr>
<td>
<p><a href="-g-r-i-d-a-l-i-g-n-c-o-n-t-e-n-t/index.html">GRIDALIGNCONTENT</a></p>
</td>
<td>
<code><span class="keyword">enum</span> <span class="keyword">class </span><span class="identifier">GRIDALIGNCONTENT</span></code>
<p>CSS grid content alignment options.</p>
</td>
</tr>
<tr>
<td>
<p><a href="-g-r-i-d-f-l-o-w/index.html">GRIDFLOW</a></p>
</td>
<td>
<code><span class="keyword">enum</span> <span class="keyword">class </span><span class="identifier">GRIDFLOW</span></code>
<p>CSS grid flow options.</p>
</td>
</tr>
<tr>
<td>
<p><a href="-g-r-i-d-j-u-s-t-i-f-y/index.html">GRIDJUSTIFY</a></p>
</td>
<td>
<code><span class="keyword">enum</span> <span class="keyword">class </span><span class="identifier">GRIDJUSTIFY</span></code>
<p>CSS grid justification options.</p>
</td>
</tr>
<tr>
<td>
<p><a href="-g-r-i-d-j-u-s-t-i-f-y-c-o-n-t-e-n-t/index.html">GRIDJUSTIFYCONTENT</a></p>
</td>
<td>
<code><span class="keyword">enum</span> <span class="keyword">class </span><span class="identifier">GRIDJUSTIFYCONTENT</span></code>
<p>CSS grid content justification options.</p>
</td>
</tr>
<tr>
<td>
<p><a href="-g-r-i-d-s-i-z-e/index.html">GRIDSIZE</a></p>
</td>
<td>
<code><span class="keyword">enum</span> <span class="keyword">class </span><span class="identifier">GRIDSIZE</span></code>
<p>Bootstrap grid sizes.</p>
</td>
</tr>
<tr>
<td>
<p><a href="-grid-panel/index.html">GridPanel</a></p>
</td>
<td>
<code><span class="keyword">open</span> <span class="keyword">class </span><span class="identifier">GridPanel</span>&nbsp;<span class="symbol">:</span>&nbsp;<a href="-simple-panel/index.html"><span class="identifier">SimplePanel</span></a></code>
<p>The container with CSS grid layout support.</p>
</td>
</tr>
<tr>
<td>
<p><a href="-grid-wrapper/index.html">GridWrapper</a></p>
</td>
<td>
<code><span class="keyword">class </span><span class="identifier">GridWrapper</span>&nbsp;<span class="symbol">:</span>&nbsp;<a href="../pl.treksoft.kvision.core/-widget-wrapper/index.html"><span class="identifier">WidgetWrapper</span></a></code></td>
</tr>
<tr>
<td>
<p><a href="-h-panel/index.html">HPanel</a></p>
</td>
<td>
<code><span class="keyword">open</span> <span class="keyword">class </span><span class="identifier">HPanel</span>&nbsp;<span class="symbol">:</span>&nbsp;<a href="-flex-panel/index.html"><span class="identifier">FlexPanel</span></a></code>
<p>The container with horizontal layout.</p>
</td>
</tr>
<tr>
<td>
<p><a href="-responsive-grid-panel/index.html">ResponsiveGridPanel</a></p>
</td>
<td>
<code><span class="keyword">open</span> <span class="keyword">class </span><span class="identifier">ResponsiveGridPanel</span>&nbsp;<span class="symbol">:</span>&nbsp;<a href="-simple-panel/index.html"><span class="identifier">SimplePanel</span></a></code>
<p>The container with support for Bootstrap responsive grid layout.</p>
</td>
</tr>
<tr>
<td>
<p><a href="-root/index.html">Root</a></p>
</td>
<td>
<code><span class="keyword">class </span><span class="identifier">Root</span>&nbsp;<span class="symbol">:</span>&nbsp;<a href="-simple-panel/index.html"><span class="identifier">SimplePanel</span></a></code>
<p>Root container.</p>
</td>
</tr>
<tr>
<td>
<p><a href="-s-i-d-e/index.html">SIDE</a></p>
</td>
<td>
<code><span class="keyword">enum</span> <span class="keyword">class </span><span class="identifier">SIDE</span></code>
<p>Dock layout directions.</p>
</td>
</tr>
<tr>
<td>
<p><a href="-simple-panel/index.html">SimplePanel</a></p>
</td>
<td>
<code><span class="keyword">open</span> <span class="keyword">class </span><span class="identifier">SimplePanel</span>&nbsp;<span class="symbol">:</span>&nbsp;<a href="../pl.treksoft.kvision.core/-widget/index.html"><span class="identifier">Widget</span></a><span class="symbol">, </span><a href="../pl.treksoft.kvision.core/-container/index.html"><span class="identifier">Container</span></a></code>
<p>Basic container class, rendered as a DIV element with all children directly within.</p>
</td>
</tr>
<tr>
<td>
<p><a href="-split-panel/index.html">SplitPanel</a></p>
</td>
<td>
<code><span class="keyword">open</span> <span class="keyword">class </span><span class="identifier">SplitPanel</span>&nbsp;<span class="symbol">:</span>&nbsp;<a href="-simple-panel/index.html"><span class="identifier">SimplePanel</span></a></code>
<p>The container with draggable splitter.</p>
</td>
</tr>
<tr>
<td>
<p><a href="-stack-panel/index.html">StackPanel</a></p>
</td>
<td>
<code><span class="keyword">open</span> <span class="keyword">class </span><span class="identifier">StackPanel</span>&nbsp;<span class="symbol">:</span>&nbsp;<a href="-simple-panel/index.html"><span class="identifier">SimplePanel</span></a></code>
<p>The container with only one active (visible) child at any moment.</p>
</td>
</tr>
<tr>
<td>
<p><a href="-tab-panel/index.html">TabPanel</a></p>
</td>
<td>
<code><span class="keyword">open</span> <span class="keyword">class </span><span class="identifier">TabPanel</span>&nbsp;<span class="symbol">:</span>&nbsp;<a href="-simple-panel/index.html"><span class="identifier">SimplePanel</span></a></code>
<p>The container rendering it's children as tabs.</p>
</td>
</tr>
<tr>
<td>
<p><a href="-v-panel/index.html">VPanel</a></p>
</td>
<td>
<code><span class="keyword">open</span> <span class="keyword">class </span><span class="identifier">VPanel</span>&nbsp;<span class="symbol">:</span>&nbsp;<a href="-flex-panel/index.html"><span class="identifier">FlexPanel</span></a></code>
<p>The container with vertical layout.</p>
</td>
</tr>
</tbody>
</table>
</BODY>
</HTML>