kvision / pl.treksoft.kvision.panel / VPanel

VPanel

(js) open class VPanel : FlexPanel

The container with vertical layout.

This is a special case of the flexbox layout.

Constructors

(js)

<init>

VPanel(justify: FlexJustify? = null, alignItems: FlexAlignItems? = null, spacing: Int? = null, classes: Set<String> = setOf(), init: (VPanel.() -> Unit)? = null)

Extension Properties

(js)

changeFlow

Extension property returning Flow for a change event.

val <T : Widget> T.changeFlow: Flow<T>
(js)

clickFlow

Extension property returning Flow for a click event.

val <T : Widget> T.clickFlow: Flow<T>
(js)

inputFlow

Extension property returning Flow for an input event.

val <T : Widget> T.inputFlow: Flow<T>

Extension Functions

(js)

actionSheet

DSL builder extension function.

fun Container.actionSheet(actionSheetTitle: String? = null, cancelable: Boolean? = null, animation: Boolean? = null, classes: Set<String>? = null, className: String? = null, init: (ActionSheet.() -> Unit)? = null): ActionSheet
(js)

addBsBgColor

fun Component.addBsBgColor(bsBgColor: BsBgColor): Unit
(js)

addBsBorder

fun Component.addBsBorder(vararg bsBorder: BsBorder): Unit
(js)

addBsClearfix

fun Component.addBsClearfix(): Unit
(js)

addBsColor

fun Component.addBsColor(bsColor: BsColor): Unit
(js)

addBsRounded

fun Component.addBsRounded(vararg bsRounded: BsRounded): Unit
(js)

alertDialog

DSL builder extension function.

fun Container.alertDialog(dialogTitle: String? = null, cancelable: Boolean? = null, animation: Boolean? = null, rowfooter: Boolean? = null, classes: Set<String>? = null, className: String? = null, init: (AlertDialog.() -> Unit)? = null): AlertDialog
(js)

bind

An extension function which binds the widget to the observable state.

fun <S, W : Widget> W.bind(observableState: ObservableState<S>, removeChildren: Boolean = true, factory: W.(S) -> Unit): W
(js)

bold

DSL builder extension function.

fun Container.bold(content: String? = null, rich: Boolean = false, align: Align? = null, classes: Set<String>? = null, className: String? = null, init: (Bold.() -> Unit)? = null): Bold
(js)

button

DSL builder extension function.

fun Container.button(text: String, icon: String? = null, style: ButtonStyle = ButtonStyle.PRIMARY, type: ButtonType = ButtonType.BUTTON, disabled: Boolean = false, separator: String? = null, labelFirst: Boolean = true, classes: Set<String>? = null, className: String? = null, init: (Button.() -> Unit)? = null): Button
(js)

buttonGroup

DSL builder extension function.

fun Container.buttonGroup(size: ButtonGroupSize? = null, vertical: Boolean = false, classes: Set<String>? = null, className: String? = null, init: (ButtonGroup.() -> Unit)? = null): ButtonGroup
(js)

canvas

DSL builder extension function.

fun Container.canvas(canvasWidth: Int? = null, canvasHeight: Int? = null, classes: Set<String>? = null, className: String? = null, init: (Canvas.() -> Unit)? = null): Canvas
(js)

card

DSL builder extension function.

fun Container.card(classes: Set<String>? = null, className: String? = null, init: (Card.() -> Unit)? = null): Card
(js)

carousel

DSL builder extension function.

fun Container.carousel(direction: CarouselDirection? = null, fullscreen: Boolean? = null, overscrollable: Boolean? = null, autoScroll: Boolean? = null, animation: Boolean? = null, swipeable: Boolean? = null, initialIndex: Int? = null, classes: Set<String>? = null, className: String? = null, init: (Carousel.() -> Unit)? = null): Carousel
(js)

chart

DSL builder extension function.

fun Container.chart(configuration: Configuration, chartWidth: Int? = null, chartHeight: Int? = null, classes: Set<String>? = null, className: String? = null, init: (Chart.() -> Unit)? = null): Chart
(js)

checkBox

DSL builder extension function.

fun Container.checkBox(value: Boolean = false, name: String? = null, label: String? = null, rich: Boolean = false, init: (CheckBox.() -> Unit)? = null): CheckBox
(js)

checkBoxInput

DSL builder extension function.

fun Container.checkBoxInput(value: Boolean = false, classes: Set<String>? = null, className: String? = null, init: (CheckInput.() -> Unit)? = null): CheckBoxInput
(js)

contextMenu

DSL builder extension function.

fun Widget.contextMenu(fixedPosition: Boolean = false, classes: Set<String>? = null, className: String? = null, init: (ContextMenu.() -> Unit)? = null): ContextMenu
(js)

customTag

DSL builder extension function.

fun Container.customTag(elementName: String, content: String? = null, rich: Boolean = false, align: Align? = null, classes: Set<String>? = null, className: String? = null, attributes: Map<String, String> = mapOf(), init: (CustomTag.() -> Unit)? = null): CustomTag
(js)

dataContainer

DSL builder extension function.

fun <M, C : Component, CONT : Container> Container.dataContainer(model: MutableList<M>, factory: Container.(M, Int, MutableList<M>) -> C, container: CONT, containerAdd: (CONT.(C, M) -> Unit)? = null, filter: ((M) -> Boolean)? = null, sorter: ((M) -> Comparable<*>?)? = null, sorterType: () -> SorterType = { SorterType.ASC }, init: (DataContainer<M, C, CONT>.() -> Unit)? = null): DataContainer<M, C, CONT>

DSL builder extension function with VPanel default.

fun <M, C : Component> Container.dataContainer(model: MutableList<M>, factory: Container.(M, Int, MutableList<M>) -> C, containerAdd: (VPanel.(C, M) -> Unit)? = null, filter: ((M) -> Boolean)? = null, sorter: ((M) -> Comparable<*>?)? = null, sorterType: () -> SorterType = { SorterType.ASC }, init: (DataContainer<M, C, VPanel>.() -> Unit)? = null): DataContainer<M, C, VPanel>
(js)

dateTime

DSL builder extension function.

fun Container.dateTime(value: Date? = null, name: String? = null, format: String = "YYYY-MM-DD HH:mm", label: String? = null, rich: Boolean = false, init: (DateTime.() -> Unit)? = null): DateTime
(js)

dateTimeInput

DSL builder extension function.

fun Container.dateTimeInput(value: Date? = null, format: String = "YYYY-MM-DD HH:mm", classes: Set<String>? = null, className: String? = null, init: (DateTimeInput.() -> Unit)? = null): DateTimeInput
(js)

dialog

DSL builder extension function.

fun Container.dialog(cancelable: Boolean? = null, animation: Boolean? = null, classes: Set<String>? = null, className: String? = null, init: (Dialog.() -> Unit)? = null): Dialog
(js)

div

DSL builder extension function.

fun Container.div(content: String? = null, rich: Boolean = false, align: Align? = null, classes: Set<String>? = null, className: String? = null, init: (Div.() -> Unit)? = null): Div
(js)

dockPanel

DSL builder extension function.

fun Container.dockPanel(classes: Set<String>? = null, className: String? = null, init: (DockPanel.() -> Unit)? = null): DockPanel
(js)

dropDown

DSL builder extension function.

fun Container.dropDown(text: String, elements: List<StringPair>? = null, icon: String? = null, style: ButtonStyle = ButtonStyle.PRIMARY, direction: Direction = Direction.DROPDOWN, disabled: Boolean = false, forNavbar: Boolean = false, forDropDown: Boolean = false, classes: Set<String>? = null, className: String? = null, init: (DropDown.() -> Unit)? = null): DropDown
(js)

enableGestureDetector

Enable gesture detector for a given Widget.

fun Widget.enableGestureDetector(): Unit
(js)

eventFlow

Extension property returning Flow<Pair<Widget, Event>> for a given event

fun <T : Widget> T.eventFlow(event: String): Flow<Pair<T, Event>>
(js)

fab

DSL builder extension function.

fun Container.fab(icon: String? = null, floatPosition: FloatPosition? = null, content: String? = null, rich: Boolean = false, classes: Set<String>? = null, className: String? = null, init: (Fab.() -> Unit)? = null): Fab
(js)

fieldLabel

DSL builder extension function.

fun Container.fieldLabel(forId: String, content: String? = null, rich: Boolean = false, classes: Set<String>? = null, className: String? = null, init: (FieldLabel.() -> Unit)? = null): FieldLabel
(js)

fieldset

DSL builder extension function.

fun Container.fieldset(content: String? = null, rich: Boolean = false, align: Align? = null, classes: Set<String>? = null, className: String? = null, init: (Fieldset.() -> Unit)? = null): Fieldset
(js)

fieldsetPanel

DSL builder extension function.

fun Container.fieldsetPanel(legend: String? = null, classes: Set<String>? = null, className: String? = null, init: (FieldsetPanel.() -> Unit)? = null): FieldsetPanel
(js)

flexPanel

DSL builder extension function.

fun Container.flexPanel(direction: FlexDir? = null, wrap: FlexWrap? = null, justify: FlexJustify? = null, alignItems: FlexAlignItems? = null, alignContent: FlexAlignContent? = null, spacing: Int? = null, classes: Set<String>? = null, className: String? = null, init: (FlexPanel.() -> Unit)? = null): FlexPanel
(js)

footer

DSL builder extension function.

fun Container.footer(content: String? = null, rich: Boolean = false, align: Align? = null, classes: Set<String>? = null, className: String? = null, init: (Footer.() -> Unit)? = null): Footer
(js)

form

DSL builder extension function.

fun Container.form(method: FormMethod? = null, action: String? = null, enctype: FormEnctype? = null, type: FormType? = null, condensed: Boolean = false, horizRatio: FormHorizontalRatio = FormHorizontalRatio.RATIO_2, classes: Set<String>? = null, className: String? = null, init: (FormPanel<Any>.() -> Unit)? = null): FormPanel<Any>
(js)

formPanel

DSL builder extension function.

fun <K : Any> Container.formPanel(method: FormMethod? = null, action: String? = null, enctype: FormEnctype? = null, type: FormType? = null, condensed: Boolean = false, horizRatio: FormHorizontalRatio = FormHorizontalRatio.RATIO_2, classes: Set<String>? = null, className: String? = null, customSerializers: Map<KClass<*>, KSerializer<*>>? = null, init: (FormPanel<K>.() -> Unit)? = null): FormPanel<K>
(js)

gridPanel

DSL builder extension function.

fun Container.gridPanel(autoColumns: String? = null, autoRows: String? = null, autoFlow: GridFlow? = null, templateColumns: String? = null, templateRows: String? = null, templateAreas: List<String>? = null, columnGap: Int? = null, rowGap: Int? = null, justifyItems: GridJustify? = null, alignItems: GridAlign? = null, justifyContent: GridJustifyContent? = null, alignContent: GridAlignContent? = null, classes: Set<String>? = null, className: String? = null, init: (GridPanel.() -> Unit)? = null): GridPanel
(js)

h1

DSL builder extension function.

fun Container.h1(content: String? = null, rich: Boolean = false, align: Align? = null, classes: Set<String>? = null, className: String? = null, init: (H1.() -> Unit)? = null): H1
(js)

h2

DSL builder extension function.

fun Container.h2(content: String? = null, rich: Boolean = false, align: Align? = null, classes: Set<String>? = null, className: String? = null, init: (H2.() -> Unit)? = null): H2
(js)

h3

DSL builder extension function.

fun Container.h3(content: String? = null, rich: Boolean = false, align: Align? = null, classes: Set<String>? = null, className: String? = null, init: (H3.() -> Unit)? = null): H3
(js)

h4

DSL builder extension function.

fun Container.h4(content: String? = null, rich: Boolean = false, align: Align? = null, classes: Set<String>? = null, className: String? = null, init: (H4.() -> Unit)? = null): H4
(js)

h5

DSL builder extension function.

fun Container.h5(content: String? = null, rich: Boolean = false, align: Align? = null, classes: Set<String>? = null, className: String? = null, init: (H5.() -> Unit)? = null): H5
(js)

h6

DSL builder extension function.

fun Container.h6(content: String? = null, rich: Boolean = false, align: Align? = null, classes: Set<String>? = null, className: String? = null, init: (H6.() -> Unit)? = null): H6
(js)

header

DSL builder extension function.

fun Container.header(content: String? = null, rich: Boolean = false, align: Align? = null, classes: Set<String>? = null, className: String? = null, init: (Header.() -> Unit)? = null): Header
(js)

hPanel

DSL builder extension function.

fun Container.hPanel(wrap: FlexWrap? = null, justify: FlexJustify? = null, alignItems: FlexAlignItems? = null, spacing: Int? = null, classes: Set<String>? = null, className: String? = null, init: (HPanel.() -> Unit)? = null): HPanel
(js)

icon

DSL builder extension function.

fun Container.icon(icon: String, size: String? = null, rotate: Number? = null, fixedWidth: Boolean? = null, spin: Boolean? = null, classes: Set<String>? = null, className: String? = null, init: (Icon.() -> Unit)? = null): Icon
(js)

icon

DSL builder extension function.

fun Container.icon(icon: String, init: (Icon.() -> Unit)? = null): Icon
(js)

iframe

DSL builder extension function.

fun Container.iframe(src: String? = null, srcdoc: String? = null, name: String? = null, iframeWidth: Int? = null, iframeHeight: Int? = null, sandbox: Set<Sandbox>? = null, classes: Set<String>? = null, className: String? = null, init: (Iframe.() -> Unit)? = null): Iframe
(js)

image

DSL builder extension function.

fun Container.image(src: ResString?, alt: String? = null, responsive: Boolean = false, shape: ImageShape? = null, centered: Boolean = false, classes: Set<String>? = null, className: String? = null, init: (Image.() -> Unit)? = null): Image
(js)

label

DSL builder extension function.

fun Container.label(content: String? = null, rich: Boolean = false, forId: String? = null, classes: Set<String>? = null, className: String? = null, init: (Label.() -> Unit)? = null): Label
(js)

li

DSL builder extension function.

fun Container.li(content: String? = null, rich: Boolean = false, align: Align? = null, classes: Set<String>? = null, className: String? = null, init: (Li.() -> Unit)? = null): Li
(js)

link

DSL builder extension function.

fun Container.link(label: String, url: String? = null, icon: String? = null, image: ResString? = null, separator: String? = null, labelFirst: Boolean = true, classes: Set<String>? = null, className: String? = null, init: (Link.() -> Unit)? = null): Link
(js)

listTag

DSL builder extension function.

fun Container.listTag(type: ListType, elements: List<String>? = null, rich: Boolean = false, classes: Set<String>? = null, className: String? = null, init: (ListTag.() -> Unit)? = null): ListTag
(js)

main

DSL builder extension function.

fun Container.main(content: String? = null, rich: Boolean = false, align: Align? = null, classes: Set<String>? = null, className: String? = null, init: (Main.() -> Unit)? = null): Main
(js)

maps

DSL builder extension function.

fun Container.maps(lat: Number, lng: Number, zoom: Number, showMarker: Boolean = false, baseLayerProvider: BaseLayerProvider = BaseLayerProvider.OSM, crs: CRS = CRS.EPSG3857, classes: Set<String>? = null, className: String? = null, init: (Maps.() -> Unit)? = null): Maps
(js)

modal

DSL builder extension function.

fun Container.modal(animation: ModalAnimation? = null, classes: Set<String>? = null, className: String? = null, init: (Modal.() -> Unit)? = null): Modal
(js)

nav

DSL builder extension function.

fun Container.nav(content: String? = null, rich: Boolean = false, align: Align? = null, classes: Set<String>? = null, className: String? = null, init: (Nav.() -> Unit)? = null): Nav
(js)

navbar

DSL builder extension function.

fun Container.navbar(label: String? = null, link: String? = null, type: NavbarType? = null, expand: NavbarExpand? = NavbarExpand.LG, nColor: NavbarColor = NavbarColor.LIGHT, bgColor: BsBgColor = BsBgColor.LIGHT, collapseOnClick: Boolean = false, classes: Set<String>? = null, className: String? = null, init: (Navbar.() -> Unit)? = null): Navbar
(js)

ol

DSL builder extension function.

fun Container.ol(elements: List<String>? = null, rich: Boolean = false, classes: Set<String>? = null, className: String? = null, init: (Ol.() -> Unit)? = null): Ol
(js)

onClick

An extension function for defining on click event handlers.

fun <T : Widget> T.onClick(handler: T.(MouseEvent) -> Unit): Int
(js)

onEvent

An extension function for defining event handlers.

fun <T : Widget> T.onEvent(block: SnOn<T>.() -> Unit): Int
(js)

onsButton

DSL builder extension function.

fun Container.onsButton(content: String? = null, rich: Boolean = false, align: Align? = null, icon: String? = null, buttonType: OnsButtonType? = null, large: Boolean? = null, ripple: Boolean? = null, disabled: Boolean? = null, classes: Set<String>? = null, className: String? = null, init: (OnsButton.() -> Unit)? = null): OnsButton
(js)

onsCheckBox

DSL builder extension function.

fun Container.onsCheckBox(value: Boolean = false, name: String? = null, label: String? = null, rich: Boolean = false, classes: Set<String>? = null, className: String? = null, init: (OnsCheckBox.() -> Unit)? = null): OnsCheckBox
(js)

onsCheckBoxInput

DSL builder extension function.

fun Container.onsCheckBoxInput(value: Boolean = false, inputId: String? = null, classes: Set<String>? = null, className: String? = null, init: (OnsCheckBoxInput.() -> Unit)? = null): OnsCheckBoxInput
(js)

onsDateTime

DSL builder extension function.

fun Container.onsDateTime(value: Date? = null, mode: DateTimeMode = DateTimeMode.DATETIME, min: Date? = null, max: Date? = null, step: Number? = null, name: String? = null, label: String? = null, rich: Boolean = false, classes: Set<String>? = null, className: String? = null, init: (OnsDateTime.() -> Unit)? = null): OnsDateTime
(js)

onsDateTimeInput

DSL builder extension function.

fun Container.onsDateTimeInput(value: Date? = null, mode: DateTimeMode = DateTimeMode.DATETIME, min: Date? = null, max: Date? = null, step: Number? = null, inputId: String? = null, classes: Set<String>? = null, className: String? = null, init: (OnsDateTimeInput.() -> Unit)? = null): OnsDateTimeInput
(js)

onsList

DSL builder extension function.

fun Container.onsList(inset: Boolean = false, noborder: Boolean = false, classes: Set<String>? = null, className: String? = null, init: (OnsList.() -> Unit)? = null): OnsList
(js)

onsListTitle

DSL builder extension function.

fun Container.onsListTitle(content: String? = null, rich: Boolean = false, align: Align? = null, classes: Set<String>? = null, className: String? = null, init: (OnsListTitle.() -> Unit)? = null): OnsListTitle
(js)

onsNumber

DSL builder extension function.

fun Container.onsNumber(value: Number? = null, min: Number? = null, max: Number? = null, step: Number = DEFAULT_STEP, placeholder: String? = null, floatLabel: Boolean? = null, name: String? = null, label: String? = null, rich: Boolean = false, classes: Set<String>? = null, className: String? = null, init: (OnsNumber.() -> Unit)? = null): OnsNumber
(js)

onsNumberInput

DSL builder extension function.

fun Container.onsNumberInput(value: Number? = null, min: Number? = null, max: Number? = null, step: Number = DEFAULT_STEP, placeholder: String? = null, floatLabel: Boolean? = null, inputId: String? = null, classes: Set<String>? = null, className: String? = null, init: (OnsNumberInput.() -> Unit)? = null): OnsNumberInput
(js)

onsRadio

DSL builder extension function.

fun Container.onsRadio(value: Boolean = false, extraValue: String? = null, name: String? = null, label: String? = null, rich: Boolean = false, classes: Set<String>? = null, className: String? = null, init: (OnsRadio.() -> Unit)? = null): OnsRadio
(js)

onsRadioGroup

DSL builder extension function.

fun Container.onsRadioGroup(options: List<StringPair>? = null, value: String? = null, name: String? = null, label: String? = null, rich: Boolean = false, classes: Set<String>? = null, className: String? = null, init: (OnsRadioGroup.() -> Unit)? = null): OnsRadioGroup
(js)

onsRadioGroupInput

DSL builder extension function.

fun Container.onsRadioGroupInput(options: List<StringPair>? = null, value: String? = null, name: String? = null, classes: Set<String>? = null, className: String? = null, init: (OnsRadioGroupInput.() -> Unit)? = null): OnsRadioGroupInput
(js)

onsRadioInput

DSL builder extension function.

fun Container.onsRadioInput(value: Boolean = false, inputId: String? = null, classes: Set<String>? = null, className: String? = null, init: (OnsRadioInput.() -> Unit)? = null): OnsRadioInput
(js)

onsRange

DSL builder extension function.

fun Container.onsRange(value: Number? = null, min: Number = 0, max: Number = 100, step: Number = DEFAULT_STEP, name: String? = null, label: String? = null, rich: Boolean = false, classes: Set<String>? = null, className: String? = null, init: (OnsRange.() -> Unit)? = null): OnsRange
(js)

onsRangeInput

DSL builder extension function.

fun Container.onsRangeInput(value: Number? = null, min: Number = 0, max: Number = 100, step: Number = DEFAULT_STEP, inputId: String? = null, classes: Set<String>? = null, className: String? = null, init: (OnsRangeInput.() -> Unit)? = null): OnsRangeInput
(js)

onsSelect

DSL builder extension function.

fun Container.onsSelect(options: List<StringPair>? = null, value: String? = null, emptyOption: Boolean = false, multiple: Boolean = false, selectSize: Int? = null, name: String? = null, label: String? = null, rich: Boolean = false, classes: Set<String>? = null, className: String? = null, init: (OnsSelect.() -> Unit)? = null): OnsSelect
(js)

onsSelectInput

DSL builder extension function.

fun Container.onsSelectInput(options: List<StringPair>? = null, value: String? = null, emptyOption: Boolean = false, multiple: Boolean = false, selectSize: Int? = null, inputId: String? = null, classes: Set<String>? = null, className: String? = null, init: (OnsSelectInput.() -> Unit)? = null): OnsSelectInput
(js)

onsSwitch

DSL builder extension function.

fun Container.onsSwitch(value: Boolean = false, name: String? = null, label: String? = null, rich: Boolean = false, classes: Set<String>? = null, className: String? = null, init: (OnsSwitch.() -> Unit)? = null): OnsSwitch
(js)

onsSwitchInput

DSL builder extension function.

fun Container.onsSwitchInput(value: Boolean = false, inputId: String? = null, classes: Set<String>? = null, className: String? = null, init: (OnsSwitchInput.() -> Unit)? = null): OnsSwitchInput
(js)

onsText

DSL builder extension function.

fun Container.onsText(type: TextInputType = TextInputType.TEXT, value: String? = null, placeholder: String? = null, floatLabel: Boolean? = null, name: String? = null, label: String? = null, rich: Boolean = false, classes: Set<String>? = null, className: String? = null, init: (OnsText.() -> Unit)? = null): OnsText
(js)

onsTextInput

DSL builder extension function.

fun Container.onsTextInput(type: TextInputType = TextInputType.TEXT, value: String? = null, placeholder: String? = null, floatLabel: Boolean? = null, inputId: String? = null, classes: Set<String>? = null, className: String? = null, init: (OnsTextInput.() -> Unit)? = null): OnsTextInput
(js)

p

DSL builder extension function.

fun Container.p(content: String? = null, rich: Boolean = false, align: Align? = null, classes: Set<String>? = null, className: String? = null, init: (P.() -> Unit)? = null): P
(js)

password

DSL builder extension function.

fun Container.password(value: String? = null, name: String? = null, label: String? = null, rich: Boolean = false, init: (Password.() -> Unit)? = null): Password
(js)

popover

DSL builder extension function.

fun Container.popover(direction: FloatDirection? = null, cancelable: Boolean? = null, animation: Boolean? = null, classes: Set<String>? = null, className: String? = null, init: (Popover.() -> Unit)? = null): Popover
(js)

progressBar

DSL builder extension function.

fun Container.progressBar(progress: Int, min: Int = DEFAULT_MIN, max: Int = DEFAULT_MAX, style: ProgressBarStyle? = null, striped: Boolean = false, animated: Boolean = false, content: String? = null, rich: Boolean = false, align: Align? = null, classes: Set<String>? = null, className: String? = null, init: (ProgressBar.() -> Unit)? = null): ProgressBar
(js)

progressBar

DSL builder extension function.

fun Container.progressBar(value: Number? = null, secondaryValue: Number? = null, indeterminate: Boolean? = null, classes: Set<String>? = null, className: String? = null, init: (ProgressBar.() -> Unit)? = null): ProgressBar
(js)

progressCircular

DSL builder extension function.

fun Container.progressCircular(value: Number? = null, secondaryValue: Number? = null, indeterminate: Boolean? = null, classes: Set<String>? = null, className: String? = null, init: (ProgressCircular.() -> Unit)? = null): ProgressCircular
(js)

radio

DSL builder extension function.

fun Container.radio(value: Boolean = false, extraValue: String? = null, name: String? = null, label: String? = null, rich: Boolean = false, init: (Radio.() -> Unit)? = null): Radio
(js)

radioGroup

DSL builder extension function.

fun Container.radioGroup(options: List<StringPair>? = null, value: String? = null, name: String? = null, inline: Boolean = false, label: String? = null, rich: Boolean = false, init: (RadioGroup.() -> Unit)? = null): RadioGroup
(js)

radioGroupInput

DSL builder extension function.

fun Container.radioGroupInput(options: List<StringPair>? = null, value: String? = null, name: String? = null, inline: Boolean = false, init: (RadioGroupInput.() -> Unit)? = null): RadioGroupInput
(js)

radioInput

DSL builder extension function.

fun Container.radioInput(value: Boolean = false, classes: Set<String>? = null, className: String? = null, init: (CheckInput.() -> Unit)? = null): RadioInput
(js)

range

DSL builder extension function.

fun Container.range(value: Number? = null, name: String? = null, min: Number = 0, max: Number = 100, step: Number = DEFAULT_STEP, label: String? = null, rich: Boolean = false, init: (Range.() -> Unit)? = null): Range
(js)

rangeInput

DSL builder extension function.

fun Container.rangeInput(value: Number? = null, min: Number = 0, max: Number = 100, step: Number = DEFAULT_STEP, classes: Set<String>? = null, className: String? = null, init: (RangeInput.() -> Unit)? = null): RangeInput
(js)

react

DSL builder extension function.

fun <S> Container.react(state: S, classes: Set<String>? = null, className: String? = null, builder: RBuilder.(getState: () -> S, changeState: ((S) -> S) -> Unit) -> Unit): React<S>
fun Container.react(classes: Set<String>? = null, className: String? = null, builder: RBuilder.() -> Unit): React<dynamic>
(js)

removeBsBgColor

fun Component.removeBsBgColor(bsBgColor: BsBgColor): Unit
(js)

removeBsBorder

fun Component.removeBsBorder(vararg bsBorder: BsBorder): Unit
(js)

removeBsClearfix

fun Component.removeBsClearfix(): Unit
(js)

removeBsColor

fun Component.removeBsColor(bsColor: BsColor): Unit
(js)

removeBsRounded

fun Component.removeBsRounded(vararg bsRounded: BsRounded): Unit
(js)

responsiveGridPanel

DSL builder extension function.

fun Container.responsiveGridPanel(gridSize: GridSize = GridSize.MD, rows: Int = 0, cols: Int = 0, align: Align? = null, classes: Set<String>? = null, className: String? = null, init: (ResponsiveGridPanel.() -> Unit)? = null): ResponsiveGridPanel
(js)

richText

DSL builder extension function.

fun Container.richText(value: String? = null, name: String? = null, label: String? = null, rich: Boolean = false, init: (RichText.() -> Unit)? = null): RichText
(js)

richTextInput

DSL builder extension function.

fun Container.richTextInput(value: String? = null, classes: Set<String>? = null, className: String? = null, init: (RichTextInput.() -> Unit)? = null): RichTextInput
(js)

ripple

DSL builder extension function.

fun Container.ripple(rippleColor: Color? = null, rippleBackground: Color? = null, size: RippleSize? = null, center: Boolean? = null, classes: Set<String>? = null, className: String? = null, init: (Ripple.() -> Unit)? = null): Ripple
(js)

row

DSL builder extension function.

fun Container.row(rowVerticalAlign: GridVerticalAlign? = null, classes: Set<String>? = null, className: String? = null, init: (Row.() -> Unit)? = null): Row
(js)

section

DSL builder extension function.

fun Container.section(content: String? = null, rich: Boolean = false, align: Align? = null, classes: Set<String>? = null, className: String? = null, init: (Section.() -> Unit)? = null): Section
(js)

segment

DSL builder extension function.

fun Container.segment(classes: Set<String>? = null, className: String? = null, init: (Segment.() -> Unit)? = null): Segment
(js)

select

DSL builder extension function.

fun Container.select(options: List<StringPair>? = null, value: String? = null, name: String? = null, multiple: Boolean = false, ajaxOptions: AjaxOptions? = null, label: String? = null, rich: Boolean = false, init: (Select.() -> Unit)? = null): Select
(js)

selectInput

DSL builder extension function.

fun Container.selectInput(options: List<StringPair>? = null, value: String? = null, multiple: Boolean = false, ajaxOptions: AjaxOptions? = null, classes: Set<String>? = null, className: String? = null, init: (SelectInput.() -> Unit)? = null): SelectInput
(js)

selectRemote

DSL builder extension function.

fun <T : Any> Container.selectRemote(serviceManager: KVServiceManager<T>, function: suspend T.(String?, String?, String?) -> List<RemoteOption>, stateFunction: (() -> String)? = null, value: String? = null, name: String? = null, multiple: Boolean = false, ajaxOptions: AjaxOptions? = null, preload: Boolean = false, label: String? = null, rich: Boolean = false, init: (SelectRemote<T>.() -> Unit)? = null): SelectRemote<T>
(js)

selectRemoteInput

DSL builder extension function.

fun <T : Any> Container.selectRemoteInput(serviceManager: KVServiceManager<T>, function: suspend T.(String?, String?, String?) -> List<RemoteOption>, stateFunction: (() -> String)? = null, value: String? = null, multiple: Boolean = false, ajaxOptions: AjaxOptions? = null, preload: Boolean = false, classes: Set<String>? = null, className: String? = null, init: (SelectRemoteInput<T>.() -> Unit)? = null): SelectRemoteInput<T>
(js)

setContextMenu

Sets context menu for the current widget.

fun Widget.setContextMenu(contextMenu: ContextMenu): Widget
(js)

simplePanel

DSL builder extension function.

fun Container.simplePanel(classes: Set<String>? = null, className: String? = null, init: (SimplePanel.() -> Unit)? = null): SimplePanel
(js)

simpleSelect

DSL builder extension function.

fun Container.simpleSelect(options: List<StringPair>? = null, value: String? = null, emptyOption: Boolean = false, multiple: Boolean = false, selectSize: Int? = null, name: String? = null, label: String? = null, rich: Boolean = false, init: (SimpleSelect.() -> Unit)? = null): SimpleSelect
(js)

simpleSelectInput

DSL builder extension function.

fun Container.simpleSelectInput(options: List<StringPair>? = null, value: String? = null, emptyOption: Boolean = false, multiple: Boolean = false, selectSize: Int? = null, classes: Set<String>? = null, className: String? = null, init: (SimpleSelectInput.() -> Unit)? = null): SimpleSelectInput
(js)

span

DSL builder extension function.

fun Container.span(content: String? = null, rich: Boolean = false, align: Align? = null, classes: Set<String>? = null, className: String? = null, init: (Span.() -> Unit)? = null): Span
(js)

speedDial

DSL builder extension function.

fun Container.speedDial(icon: String? = null, floatPosition: FloatPosition? = null, floatDirection: FloatDirection? = null, content: String? = null, rich: Boolean = false, classes: Set<String>? = null, className: String? = null, init: (SpeedDial.() -> Unit)? = null): SpeedDial
(js)

spinner

DSL builder extension function.

fun Container.spinner(value: Number? = null, name: String? = null, min: Number? = null, max: Number? = null, step: Number = DEFAULT_STEP, decimals: Int = 0, buttonsType: ButtonsType = ButtonsType.VERTICAL, forceType: ForceType = ForceType.NONE, buttonStyle: ButtonStyle? = null, label: String? = null, rich: Boolean = false, init: (Spinner.() -> Unit)? = null): Spinner
(js)

spinnerInput

DSL builder extension function.

fun Container.spinnerInput(value: Number? = null, min: Number? = null, max: Number? = null, step: Number = DEFAULT_STEP, decimals: Int = 0, buttonsType: ButtonsType = ButtonsType.VERTICAL, forceType: ForceType = ForceType.NONE, buttonStyle: ButtonStyle? = null, classes: Set<String>? = null, className: String? = null, init: (SpinnerInput.() -> Unit)? = null): SpinnerInput
(js)

splitPanel

DSL builder extension function.

fun Container.splitPanel(direction: Direction = Direction.VERTICAL, classes: Set<String>? = null, className: String? = null, init: (SplitPanel.() -> Unit)? = null): SplitPanel
(js)

stackPanel

DSL builder extension function.

fun Container.stackPanel(activateLast: Boolean = true, classes: Set<String>? = null, className: String? = null, init: (StackPanel.() -> Unit)? = null): StackPanel
(js)

stateBinding

DSL builder extension function.

fun <S : Any, CONT : Container> CONT.stateBinding(observableState: ObservableState<S>, factory: CONT.(S) -> Unit): StateBinding<S, CONT, Unit>
(js)

stateUpdate

DSL builder extension function for updateable redux content.

fun <S : Any, CONT : Container, CONTENT> CONT.stateUpdate(observableState: ObservableState<S>, factory: CONT.(S) -> CONTENT): Updateable<S, CONTENT>
(js)

style

DSL builder extension function.

fun Widget.style(className: String? = null, init: (Style.() -> Unit)? = null): Style
(js)

table

DSL builder extension function.

fun Container.table(headerNames: List<String>? = null, types: Set<TableType> = setOf(), caption: String? = null, responsiveType: ResponsiveType? = null, theadType: TheadType? = null, classes: Set<String>? = null, className: String? = null, init: (Table.() -> Unit)? = null): Table
(js)

tabPanel

DSL builder extension function.

fun Container.tabPanel(tabPosition: TabPosition = TabPosition.TOP, sideTabSize: SideTabSize = SideTabSize.SIZE_3, scrollableTabs: Boolean = false, classes: Set<String>? = null, className: String? = null, init: (TabPanel.() -> Unit)? = null): TabPanel
(js)

tabulator

DSL builder extension function.

fun <T : Any> Container.tabulator(data: List<T>? = null, dataUpdateOnEdit: Boolean = true, options: TabulatorOptions<T> = TabulatorOptions(), types: Set<TableType> = setOf(), classes: Set<String>? = null, className: String? = null, init: (Tabulator<T>.() -> Unit)? = null): Tabulator<T>

DSL builder extension function for a general observable store.

fun <T : Any, S : Any> Container.tabulator(store: ObservableState<S>, dataFactory: (S) -> List<T>, options: TabulatorOptions<T> = TabulatorOptions(), types: Set<TableType> = setOf(), classes: Set<String>? = null, className: String? = null, init: (Tabulator<T>.() -> Unit)? = null): Tabulator<T>

DSL builder extension function for dynamic data (send within options parameter).

fun <T : Any> Container.tabulator(options: TabulatorOptions<T> = TabulatorOptions(), types: Set<TableType> = setOf(), classes: Set<String>? = null, className: String? = null, init: (Tabulator<T>.() -> Unit)? = null): Tabulator<T>
(js)

tabulatorRemote

DSL builder extension function.

fun <T : Any, E : Any> Container.tabulatorRemote(serviceManager: KVServiceManager<E>, function: suspend E.(Int?, Int?, List<RemoteFilter>?, List<RemoteSorter>?, String?) -> RemoteData<T>, stateFunction: (() -> String)? = null, options: TabulatorOptions<T> = TabulatorOptions(), types: Set<TableType> = setOf(), classes: Set<String>? = null, className: String? = null, init: (TabulatorRemote<T, E>.() -> Unit)? = null): TabulatorRemote<T, E>
(js)

tag

DSL builder extension function.

fun Container.tag(type: TAG, content: String? = null, rich: Boolean = false, align: Align? = null, classes: Set<String>? = null, className: String? = null, attributes: Map<String, String> = mapOf(), init: (Tag.() -> Unit)? = null): Tag
(js)

text

DSL builder extension function.

fun Container.text(type: TextInputType = TextInputType.TEXT, value: String? = null, name: String? = null, label: String? = null, rich: Boolean = false, init: (Text.() -> Unit)? = null): Text
(js)

textArea

DSL builder extension function.

fun Container.textArea(cols: Int? = null, rows: Int? = null, value: String? = null, name: String? = null, label: String? = null, rich: Boolean = false, init: (TextArea.() -> Unit)? = null): TextArea
(js)

textAreaInput

DSL builder extension function.

fun Container.textAreaInput(cols: Int? = null, rows: Int? = null, value: String? = null, classes: Set<String>? = null, className: String? = null, init: (TextAreaInput.() -> Unit)? = null): TextAreaInput
(js)

textInput

DSL builder extension function.

fun Container.textInput(type: TextInputType = TextInputType.TEXT, value: String? = null, classes: Set<String>? = null, className: String? = null, init: (TextInput.() -> Unit)? = null): TextInput
(js)

textNode

DSL builder extension function.

fun Container.textNode(content: String, rich: Boolean = false, init: (TextNode.() -> Unit)? = null): TextNode
(js)

toast

DSL builder extension function.

fun Container.toast(animation: ToastAnimation? = null, classes: Set<String>? = null, className: String? = null, init: (Toast.() -> Unit)? = null): Toast
(js)

toolbar

DSL builder extension function.

fun Container.toolbar(size: ButtonGroupSize? = null, spacing: Int = 2, vertical: Boolean = false, classes: Set<String>? = null, className: String? = null, init: (Toolbar.() -> Unit)? = null): Toolbar
(js)

typeahead

DSL builder extension function.

fun Container.typeahead(options: List<String>? = null, taAjaxOptions: TaAjaxOptions? = null, items: Int? = 8, minLength: Int = 1, delay: Int = 0, type: TextInputType = TextInputType.TEXT, value: String? = null, name: String? = null, label: String? = null, rich: Boolean = false, init: (Typeahead.() -> Unit)? = null): Typeahead
(js)

typeaheadInput

DSL builder extension function.

fun Container.typeaheadInput(options: List<String>? = null, taAjaxOptions: TaAjaxOptions? = null, items: Int? = 8, minLength: Int = 1, delay: Int = 0, type: TextInputType = TextInputType.TEXT, value: String? = null, classes: Set<String>? = null, className: String? = null, init: (TypeaheadInput.() -> Unit)? = null): TypeaheadInput
(js)

typeaheadRemote

DSL builder extension function.

fun <T : Any> Container.typeaheadRemote(serviceManager: KVServiceManager<T>, function: suspend T.(String?, String?) -> List<String>, stateFunction: (() -> String)? = null, items: Int? = 8, minLength: Int = 1, delay: Int = 0, type: TextInputType = TextInputType.TEXT, value: String? = null, name: String? = null, label: String? = null, rich: Boolean = false, init: (TypeaheadRemote<T>.() -> Unit)? = null): TypeaheadRemote<T>
(js)

typeaheadRemoteInput

DSL builder extension function.

fun <T : Any> Container.typeaheadRemoteInput(serviceManager: KVServiceManager<T>, function: suspend T.(String?, String?) -> List<String>, stateFunction: (() -> String)? = null, items: Int? = 8, minLength: Int = 1, delay: Int = 0, type: TextInputType = TextInputType.TEXT, value: String? = null, taAjaxOptions: TaAjaxOptions? = null, classes: Set<String>? = null, className: String? = null, init: (TypeaheadRemoteInput<T>.() -> Unit)? = null): TypeaheadRemoteInput<T>
(js)

ul

DSL builder extension function.

fun Container.ul(elements: List<String>? = null, rich: Boolean = false, classes: Set<String>? = null, className: String? = null, init: (Ul.() -> Unit)? = null): Ul
(js)

upload

DSL builder extension function.

fun Container.upload(uploadUrl: String? = null, multiple: Boolean = false, label: String? = null, rich: Boolean = false, init: (Upload.() -> Unit)? = null): Upload
(js)

uploadInput

DSL builder extension function.

fun Container.uploadInput(uploadUrl: String? = null, multiple: Boolean = false, classes: Set<String>? = null, className: String? = null, init: (UploadInput.() -> Unit)? = null): UploadInput
(js)

vPanel

DSL builder extension function.

fun Container.vPanel(justify: FlexJustify? = null, alignItems: FlexAlignItems? = null, spacing: Int? = null, classes: Set<String>? = null, className: String? = null, init: (VPanel.() -> Unit)? = null): VPanel
(js)

widget

DSL builder extension function.

fun Container.widget(classes: Set<String>? = null, className: String? = null, init: (Widget.() -> Unit)? = null): Widget
(js)

widgetWrapper

DSL builder extension function.

fun Container.widgetWrapper(wrapped: Component?, classes: Set<String>? = null, className: String? = null, init: (WidgetWrapper.() -> Unit)? = null): WidgetWrapper
(js)

window

DSL builder extension function.

fun Container.window(caption: String? = null, contentWidth: CssSize? = CssSize(0, UNIT.auto), contentHeight: CssSize? = CssSize(0, UNIT.auto), isResizable: Boolean = true, isDraggable: Boolean = true, closeButton: Boolean = false, maximizeButton: Boolean = false, minimizeButton: Boolean = false, icon: String? = null, classes: Set<String>? = null, className: String? = null, init: (Window.() -> Unit)? = null): Window