kvision / pl.treksoft.kvision.form.select / SelectOptGroup

SelectOptGroup

(js) open class SelectOptGroup : SimplePanel

The helper container for adding option groups to Select.

The option group can be populated directly from options parameter or manually by adding SelectOption components to the container.

Constructors

(js)

<init>

SelectOptGroup(label: String, options: List<StringPair>? = null, maxOptions: Int? = null, disabled: Boolean = false, classes: Set<String> = setOf())

Properties

(js)

disabled

Determines if the group is disabled.

var disabled: Boolean
(js)

label

A label for the group.

var label: String
(js)

maxOptions

Maximal number of selected options in the group.

var maxOptions: Int?
(js)

options

A list of options (label to value pairs) for the group.

var options: List<StringPair>?

Functions

(js)

getSnAttrs

Returns list of element attributes in the form of a List.

open fun getSnAttrs(): List<StringPair>
(js)

render

Renders current component as a Snabbdom vnode.

open fun render(): VNode

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)

selectOption

DSL builder extension function.

fun SelectOptGroup.selectOption(value: String? = null, label: String? = null, subtext: String? = null, icon: String? = null, divider: Boolean = false, disabled: Boolean = false, selected: Boolean = false, classes: Set<String>? = null, className: String? = null, init: (SelectOption.() -> Unit)? = null): SelectOption
(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