<HTML> <HEAD> <meta charset="UTF-8"> <title>ResponsiveGridPanel - 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> / <a href="./index.html">ResponsiveGridPanel</a><br/> <br/> <h1>ResponsiveGridPanel</h1> <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> <h3>Constructors</h3> <table> <tbody> <tr> <td> <p><a href="-init-.html"><init></a></p> </td> <td> <code><span class="identifier">ResponsiveGridPanel</span><span class="symbol">(</span><span class="identifier" id="pl.treksoft.kvision.panel.ResponsiveGridPanel$<init>(pl.treksoft.kvision.panel.GRIDSIZE, kotlin.Int, kotlin.Int, pl.treksoft.kvision.html.ALIGN, kotlin.collections.Set((kotlin.String)), kotlin.Function1((pl.treksoft.kvision.panel.ResponsiveGridPanel, kotlin.Unit)))/gridsize">gridsize</span><span class="symbol">:</span> <a href="../-g-r-i-d-s-i-z-e/index.html"><span class="identifier">GRIDSIZE</span></a> <span class="symbol">=</span> GRIDSIZE.MD<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.panel.ResponsiveGridPanel$<init>(pl.treksoft.kvision.panel.GRIDSIZE, kotlin.Int, kotlin.Int, pl.treksoft.kvision.html.ALIGN, kotlin.collections.Set((kotlin.String)), kotlin.Function1((pl.treksoft.kvision.panel.ResponsiveGridPanel, kotlin.Unit)))/rows">rows</span><span class="symbol">:</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html"><span class="identifier">Int</span></a> <span class="symbol">=</span> 0<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.panel.ResponsiveGridPanel$<init>(pl.treksoft.kvision.panel.GRIDSIZE, kotlin.Int, kotlin.Int, pl.treksoft.kvision.html.ALIGN, kotlin.collections.Set((kotlin.String)), kotlin.Function1((pl.treksoft.kvision.panel.ResponsiveGridPanel, kotlin.Unit)))/cols">cols</span><span class="symbol">:</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html"><span class="identifier">Int</span></a> <span class="symbol">=</span> 0<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.panel.ResponsiveGridPanel$<init>(pl.treksoft.kvision.panel.GRIDSIZE, kotlin.Int, kotlin.Int, pl.treksoft.kvision.html.ALIGN, kotlin.collections.Set((kotlin.String)), kotlin.Function1((pl.treksoft.kvision.panel.ResponsiveGridPanel, kotlin.Unit)))/align">align</span><span class="symbol">:</span> <a href="../../pl.treksoft.kvision.html/-a-l-i-g-n/index.html"><span class="identifier">ALIGN</span></a><span class="symbol">?</span> <span class="symbol">=</span> null<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.panel.ResponsiveGridPanel$<init>(pl.treksoft.kvision.panel.GRIDSIZE, kotlin.Int, kotlin.Int, pl.treksoft.kvision.html.ALIGN, kotlin.collections.Set((kotlin.String)), kotlin.Function1((pl.treksoft.kvision.panel.ResponsiveGridPanel, kotlin.Unit)))/classes">classes</span><span class="symbol">:</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.collections/-set/index.html"><span class="identifier">Set</span></a><span class="symbol"><</span><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-string/index.html"><span class="identifier">String</span></a><span class="symbol">></span> <span class="symbol">=</span> setOf()<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.panel.ResponsiveGridPanel$<init>(pl.treksoft.kvision.panel.GRIDSIZE, kotlin.Int, kotlin.Int, pl.treksoft.kvision.html.ALIGN, kotlin.collections.Set((kotlin.String)), kotlin.Function1((pl.treksoft.kvision.panel.ResponsiveGridPanel, kotlin.Unit)))/init">init</span><span class="symbol">:</span> <a href="./index.html"><span class="identifier">ResponsiveGridPanel</span></a><span class="symbol">.</span><span class="symbol">(</span><span class="symbol">)</span> <span class="symbol">-></span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html"><span class="identifier">Unit</span></a> <span class="symbol">=</span> null<span class="symbol">)</span></code></td> </tr> </tbody> </table> <h3>Properties</h3> <table> <tbody> <tr> <td> <p><a href="align.html">align</a></p> </td> <td> <code><span class="keyword">var </span><span class="identifier">align</span><span class="symbol">: </span><a href="../../pl.treksoft.kvision.html/-a-l-i-g-n/index.html"><span class="identifier">ALIGN</span></a><span class="symbol">?</span></code> <p>Text align of grid cells.</p> </td> </tr> </tbody> </table> <h3>Functions</h3> <table> <tbody> <tr> <td> <p><a href="add.html">add</a></p> </td> <td> <code><span class="keyword">open</span> <span class="keyword">fun </span><span class="identifier">add</span><span class="symbol">(</span><span class="identifier" id="pl.treksoft.kvision.panel.ResponsiveGridPanel$add(pl.treksoft.kvision.core.Component, kotlin.Int, kotlin.Int, kotlin.Int, kotlin.Int)/child">child</span><span class="symbol">:</span> <a href="../../pl.treksoft.kvision.core/-component/index.html"><span class="identifier">Component</span></a><span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.panel.ResponsiveGridPanel$add(pl.treksoft.kvision.core.Component, kotlin.Int, kotlin.Int, kotlin.Int, kotlin.Int)/col">col</span><span class="symbol">:</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html"><span class="identifier">Int</span></a><span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.panel.ResponsiveGridPanel$add(pl.treksoft.kvision.core.Component, kotlin.Int, kotlin.Int, kotlin.Int, kotlin.Int)/row">row</span><span class="symbol">:</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html"><span class="identifier">Int</span></a><span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.panel.ResponsiveGridPanel$add(pl.treksoft.kvision.core.Component, kotlin.Int, kotlin.Int, kotlin.Int, kotlin.Int)/size">size</span><span class="symbol">:</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html"><span class="identifier">Int</span></a> <span class="symbol">=</span> 0<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.panel.ResponsiveGridPanel$add(pl.treksoft.kvision.core.Component, kotlin.Int, kotlin.Int, kotlin.Int, kotlin.Int)/offset">offset</span><span class="symbol">:</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html"><span class="identifier">Int</span></a> <span class="symbol">=</span> 0<span class="symbol">)</span><span class="symbol">: </span><a href="./index.html"><span class="identifier">ResponsiveGridPanel</span></a></code> <p>Adds child component to the grid.</p> <code><span class="keyword">open</span> <span class="keyword">fun </span><span class="identifier">add</span><span class="symbol">(</span><span class="identifier" id="pl.treksoft.kvision.panel.ResponsiveGridPanel$add(pl.treksoft.kvision.core.Component)/child">child</span><span class="symbol">:</span> <a href="../../pl.treksoft.kvision.core/-component/index.html"><span class="identifier">Component</span></a><span class="symbol">)</span><span class="symbol">: </span><a href="./index.html"><span class="identifier">ResponsiveGridPanel</span></a></code> <p>Adds given component to the current container.</p> </td> </tr> <tr> <td> <p><a href="add-all.html">addAll</a></p> </td> <td> <code><span class="keyword">open</span> <span class="keyword">fun </span><span class="identifier">addAll</span><span class="symbol">(</span><span class="identifier" id="pl.treksoft.kvision.panel.ResponsiveGridPanel$addAll(kotlin.collections.List((pl.treksoft.kvision.core.Component)))/children">children</span><span class="symbol">:</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.collections/-list/index.html"><span class="identifier">List</span></a><span class="symbol"><</span><a href="../../pl.treksoft.kvision.core/-component/index.html"><span class="identifier">Component</span></a><span class="symbol">></span><span class="symbol">)</span><span class="symbol">: </span><a href="./index.html"><span class="identifier">ResponsiveGridPanel</span></a></code> <p>Adds a list of components to the current container.</p> </td> </tr> <tr> <td> <p><a href="remove.html">remove</a></p> </td> <td> <code><span class="keyword">open</span> <span class="keyword">fun </span><span class="identifier">remove</span><span class="symbol">(</span><span class="identifier" id="pl.treksoft.kvision.panel.ResponsiveGridPanel$remove(pl.treksoft.kvision.core.Component)/child">child</span><span class="symbol">:</span> <a href="../../pl.treksoft.kvision.core/-component/index.html"><span class="identifier">Component</span></a><span class="symbol">)</span><span class="symbol">: </span><a href="./index.html"><span class="identifier">ResponsiveGridPanel</span></a></code> <p>Removes given component from the current container.</p> </td> </tr> <tr> <td> <p><a href="remove-at.html">removeAt</a></p> </td> <td> <code><span class="keyword">open</span> <span class="keyword">fun </span><span class="identifier">removeAt</span><span class="symbol">(</span><span class="identifier" id="pl.treksoft.kvision.panel.ResponsiveGridPanel$removeAt(kotlin.Int, kotlin.Int)/col">col</span><span class="symbol">:</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html"><span class="identifier">Int</span></a><span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.panel.ResponsiveGridPanel$removeAt(kotlin.Int, kotlin.Int)/row">row</span><span class="symbol">:</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html"><span class="identifier">Int</span></a><span class="symbol">)</span><span class="symbol">: </span><a href="./index.html"><span class="identifier">ResponsiveGridPanel</span></a></code> <p>Removes child component at given location (column, row).</p> </td> </tr> </tbody> </table> <h3>Inherited Functions</h3> <table> <tbody> <tr> <td> <p><a href="../-simple-panel/add-internal.html">addInternal</a></p> </td> <td> <code><span class="keyword">fun </span><span class="identifier">addInternal</span><span class="symbol">(</span><span class="identifier" id="pl.treksoft.kvision.panel.SimplePanel$addInternal(pl.treksoft.kvision.core.Component)/child">child</span><span class="symbol">:</span> <a href="../../pl.treksoft.kvision.core/-component/index.html"><span class="identifier">Component</span></a><span class="symbol">)</span><span class="symbol">: </span><a href="../-simple-panel/index.html"><span class="identifier">SimplePanel</span></a></code> <p>Protected and final method to add given component to the current container.</p> </td> </tr> <tr> <td> <p><a href="../-simple-panel/children-v-nodes.html">childrenVNodes</a></p> </td> <td> <code><span class="keyword">open</span> <span class="keyword">fun </span><span class="identifier">childrenVNodes</span><span class="symbol">(</span><span class="symbol">)</span><span class="symbol">: </span><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-array/index.html"><span class="identifier">Array</span></a><span class="symbol"><</span><span class="identifier">VNode</span><span class="symbol">></span></code> <p>Returns the array of the children Snabbdom vnodes.</p> </td> </tr> <tr> <td> <p><a href="../-simple-panel/get-children.html">getChildren</a></p> </td> <td> <code><span class="keyword">open</span> <span class="keyword">fun </span><span class="identifier">getChildren</span><span class="symbol">(</span><span class="symbol">)</span><span class="symbol">: </span><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.collections/-list/index.html"><span class="identifier">List</span></a><span class="symbol"><</span><a href="../../pl.treksoft.kvision.core/-component/index.html"><span class="identifier">Component</span></a><span class="symbol">></span></code> <p>Returns a list of children of the current container.</p> </td> </tr> <tr> <td> <p><a href="../-simple-panel/remove-all.html">removeAll</a></p> </td> <td> <code><span class="keyword">open</span> <span class="keyword">fun </span><span class="identifier">removeAll</span><span class="symbol">(</span><span class="symbol">)</span><span class="symbol">: </span><a href="../-simple-panel/index.html"><span class="identifier">SimplePanel</span></a></code> <p>Removes all children from the current container.</p> </td> </tr> <tr> <td> <p><a href="../-simple-panel/render.html">render</a></p> </td> <td> <code><span class="keyword">open</span> <span class="keyword">fun </span><span class="identifier">render</span><span class="symbol">(</span><span class="symbol">)</span><span class="symbol">: </span><span class="identifier">VNode</span></code> <p>Renders current component as a Snabbdom vnode.</p> </td> </tr> </tbody> </table> <h3>Companion Object Functions</h3> <table> <tbody> <tr> <td> <p><a href="responsive-grid-panel.html">responsiveGridPanel</a></p> </td> <td> <code><span class="keyword">fun </span><a href="../../pl.treksoft.kvision.core/-container/index.html"><span class="identifier">Container</span></a><span class="symbol">.</span><span class="identifier">responsiveGridPanel</span><span class="symbol">(</span><span class="identifier" id="pl.treksoft.kvision.panel.ResponsiveGridPanel.Companion$responsiveGridPanel(pl.treksoft.kvision.core.Container, pl.treksoft.kvision.panel.GRIDSIZE, kotlin.Int, kotlin.Int, pl.treksoft.kvision.html.ALIGN, kotlin.collections.Set((kotlin.String)), kotlin.Function1((pl.treksoft.kvision.panel.ResponsiveGridPanel, kotlin.Unit)))/gridsize">gridsize</span><span class="symbol">:</span> <a href="../-g-r-i-d-s-i-z-e/index.html"><span class="identifier">GRIDSIZE</span></a> <span class="symbol">=</span> GRIDSIZE.MD<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.panel.ResponsiveGridPanel.Companion$responsiveGridPanel(pl.treksoft.kvision.core.Container, pl.treksoft.kvision.panel.GRIDSIZE, kotlin.Int, kotlin.Int, pl.treksoft.kvision.html.ALIGN, kotlin.collections.Set((kotlin.String)), kotlin.Function1((pl.treksoft.kvision.panel.ResponsiveGridPanel, kotlin.Unit)))/rows">rows</span><span class="symbol">:</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html"><span class="identifier">Int</span></a> <span class="symbol">=</span> 0<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.panel.ResponsiveGridPanel.Companion$responsiveGridPanel(pl.treksoft.kvision.core.Container, pl.treksoft.kvision.panel.GRIDSIZE, kotlin.Int, kotlin.Int, pl.treksoft.kvision.html.ALIGN, kotlin.collections.Set((kotlin.String)), kotlin.Function1((pl.treksoft.kvision.panel.ResponsiveGridPanel, kotlin.Unit)))/cols">cols</span><span class="symbol">:</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html"><span class="identifier">Int</span></a> <span class="symbol">=</span> 0<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.panel.ResponsiveGridPanel.Companion$responsiveGridPanel(pl.treksoft.kvision.core.Container, pl.treksoft.kvision.panel.GRIDSIZE, kotlin.Int, kotlin.Int, pl.treksoft.kvision.html.ALIGN, kotlin.collections.Set((kotlin.String)), kotlin.Function1((pl.treksoft.kvision.panel.ResponsiveGridPanel, kotlin.Unit)))/align">align</span><span class="symbol">:</span> <a href="../../pl.treksoft.kvision.html/-a-l-i-g-n/index.html"><span class="identifier">ALIGN</span></a><span class="symbol">?</span> <span class="symbol">=</span> null<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.panel.ResponsiveGridPanel.Companion$responsiveGridPanel(pl.treksoft.kvision.core.Container, pl.treksoft.kvision.panel.GRIDSIZE, kotlin.Int, kotlin.Int, pl.treksoft.kvision.html.ALIGN, kotlin.collections.Set((kotlin.String)), kotlin.Function1((pl.treksoft.kvision.panel.ResponsiveGridPanel, kotlin.Unit)))/classes">classes</span><span class="symbol">:</span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.collections/-set/index.html"><span class="identifier">Set</span></a><span class="symbol"><</span><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-string/index.html"><span class="identifier">String</span></a><span class="symbol">></span> <span class="symbol">=</span> setOf()<span class="symbol">, </span><span class="identifier" id="pl.treksoft.kvision.panel.ResponsiveGridPanel.Companion$responsiveGridPanel(pl.treksoft.kvision.core.Container, pl.treksoft.kvision.panel.GRIDSIZE, kotlin.Int, kotlin.Int, pl.treksoft.kvision.html.ALIGN, kotlin.collections.Set((kotlin.String)), kotlin.Function1((pl.treksoft.kvision.panel.ResponsiveGridPanel, kotlin.Unit)))/init">init</span><span class="symbol">:</span> <a href="./index.html"><span class="identifier">ResponsiveGridPanel</span></a><span class="symbol">.</span><span class="symbol">(</span><span class="symbol">)</span> <span class="symbol">-></span> <a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-unit/index.html"><span class="identifier">Unit</span></a> <span class="symbol">=</span> null<span class="symbol">)</span><span class="symbol">: </span><a href="./index.html"><span class="identifier">ResponsiveGridPanel</span></a></code> <p>DSL builder extension function.</p> </td> </tr> </tbody> </table> </BODY> </HTML>