UdashForm
Related Docs:
class UdashForm
| package form
Settings for the horizontal form layout.
Settings for the horizontal form layout. More: Bootstrap Docs.
Width of the label column.
Width of the input column.
Breakpoint of the form's grid.
Size of the label text.
Decides when the provided property will be validated in order to highlight the input.
Creates a standard form with a provided content.
Creates a standard form with a provided content.
Example:
UdashForm() { factory => Seq(
factory.input.formGroup()(
nested => factory.input.textInput(name, validationTrigger = ValidationTrigger.OnBlur)().render,
labelContent = nested => Some(span("Name: ", nested(bind(name)))),
validFeedback = _ => Some(span("Looks good.")),
invalidFeedback = _ => Some(span("Name is too short."))
),
factory.input.formGroup()(
nested => factory.input.passwordInput(name, validationTrigger = ValidationTrigger.Instant)().render,
labelContent = nested => Some(span("Password: ", nested(bind(name)))),
validFeedback = _ => Some(span("Looks good.")),
invalidFeedback = _ => Some(span("Name is too short."))
)
)}.render
More: Bootstrap Docs.
If true, creates an inline form.
Default validation trigger for text inputs in this form.
Default validation trigger for selectors like checkboxes or select inputs.
An id of the root DOM node.
A factory of the form elements. All elements created with the factory will be cleaned up on the form cleanup.
A UdashForm component, call render to create a DOM element.