<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="-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> <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="-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> <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="-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> <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-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="-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> <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>