<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="-direction/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="-flex-align-content/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="-flex-align-items/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="-flex-dir/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="-flex-justify/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="-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="-flex-wrap/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="-grid-align/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="-grid-align-content/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="-grid-flow/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="-grid-justify/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="-grid-justify-content/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="-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-size/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-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="-side/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>