<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> / <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> <span class="symbol">:</span> <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> <span class="symbol">:</span> <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> <span class="symbol">:</span> <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> <span class="symbol">:</span> <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> <span class="symbol">:</span> <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> <span class="symbol">:</span> <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> <span class="symbol">:</span> <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> <span class="symbol">:</span> <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> <span class="symbol">:</span> <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> <span class="symbol">:</span> <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> <span class="symbol">:</span> <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> <span class="symbol">:</span> <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>