Edit on Github

FormControlTextBox

in namespace DotVVM.Bootstrap5.Controls

Extends the TextBox control for usage in Form.

Usage & Scenarios

A special version of the TextBox control that can be used in Form.

See TextBox for more info on how to use this control.

https://getbootstrap.com/docs/5.2/forms/form-control

Sample 1: Basic Usage

page.dothtml

<bs:FormControlTextBox LabelText="Basic" 
                       Text="{value: TextValue}" 
                       Placeholder="Basic"/>

<bs:FormControlTextBox LabelText="horizontal" 
                       Layout="Horizontal" 
                       Text="{value: TextValue}" 
                       Size="small"/>

<bs:FormControlTextBox LabelText="Basic" 
                       LabelType="Floating" 
                       Text="{value: TextValue}" />

Show all inherited properties

Properties

Name	Type	Description	Notes	Default Value
ClientIDMode	ClientIDMode	Gets or sets the client ID generation algorithm.	attribute inner element static value bindable default	Static
ControlSizeAll	String	Gets or sets the size of the control for all screen sizes.	attribute inner element static value bindable default	null
ControlSizeLarge	String	Gets or sets the size of the control for large screen sizes.	attribute inner element static value bindable default	null
ControlSizeMedium	String	Gets or sets the size of the control for medium screen sizes.	attribute inner element static value bindable default	null
ControlSizeSmall	String	Gets or sets the size of the control for small screen sizes.	attribute inner element static value bindable default	null
ControlSizeXLarge	String	Gets or sets the size of the control for extra large screen sizes.	attribute inner element static value bindable default	null
ControlSizeXXLarge	String	Gets or sets the size of the control for extra extra large screen sizes.	attribute inner element static value bindable default	null
DataContext	Object	Gets or sets a data context for the control and its children. All value and command bindings are evaluated in context of this value. The DataContext is null in client-side templates.	attribute inner element static value bindable default	null
Enabled	Boolean	Gets or sets a value indicating whether the control is enabled and can be modified.	attribute inner element static value bindable default	null
FormatString	String	Gets or sets a format of presentation of value to client.	attribute inner element static value bindable default	null
FormControlCssClass	String	Gets or sets the CSS class to apply to the form control element.	attribute inner element static value bindable default	null
FormControlType	FormControlType?	Gets or sets the available form control type.	attribute inner element static value bindable default	null
HelpContent	List<DotvvmControl>	Gets or sets a custom template for for the help text. Cannot be combined with a `HelpText` property.	attribute inner element static value bindable default	null
HelpText	String	Gets or sets a plain text for the help text. Cannot be combined with a `HelpContent` property.	attribute inner element static value bindable default	null
ID	String	Gets or sets the control client ID within its naming container.	attribute inner element static value bindable default	null
IncludeInPage	Boolean	Gets or sets whether the control is included in the DOM of the page.	attribute inner element static value bindable default	True
LabelContent	List<DotvvmControl>	Gets or sets a custom template for for the control label. Cannot be combined with a `LabelText` property.	attribute inner element static value bindable default	null
LabelSizeAll	String	Gets or sets the size of the label for all screen sizes.	attribute inner element static value bindable default	null
LabelSizeLarge	String	Gets or sets the size of the label for large screen sizes.	attribute inner element static value bindable default	null
LabelSizeMedium	String	Gets or sets the size of the label for medium screen sizes.	attribute inner element static value bindable default	null
LabelSizeSmall	String	Gets or sets the size of the label for small screen sizes.	attribute inner element static value bindable default	null
LabelSizeXLarge	String	Gets or sets the size of the label for extra large screen sizes.	attribute inner element static value bindable default	null
LabelSizeXXLarge	String	Gets or sets the size of the label for extra extra large screen sizes.	attribute inner element static value bindable default	null
LabelText	String	Gets or sets a plain text for the control label. Cannot be combined with a `LabelContent` property.	attribute inner element static value bindable default	null
LabelType	LabelType?	Gets or sets the label type. Possible values are `Default` and `Floating`.	attribute inner element static value bindable default	null
Layout	FormControlLayout?	Gets or sets the form control layout. Possible values are `Default`, `Horizontal` and `Grid`.	attribute inner element static value bindable default	null
Placeholder	String	Gets or sets a placeholder value. Cannot be combined with a floating label type.	attribute inner element static value bindable default	null
RenderLabel	Boolean?	Gets or sets whether the label is rendered.	attribute inner element static value bindable default	null
SelectAllOnFocus	Boolean	Gets or sets whether all text inside the TextBox becomes selected when the element gets focused.	attribute inner element static value bindable default	null
Size	Size?	Gets or sets the size of the label and form control elements.	attribute inner element static value bindable default	null
Text	IValueBinding<String>	Gets or sets the text in the control.	attribute inner element static value bindable default	null
TextBoxType	TextBoxType	Gets or sets the mode of the text field.	attribute inner element static value bindable default	Normal
UpdateTextOnInput	Boolean	Gets or sets whether the viewmodel property will be updated immediately after change. By default, the viewmodel is updated after the control loses its focus.	attribute inner element static value bindable default	False
Visible	Boolean	Gets or sets whether the control is visible. When set to false, `style="display: none"` will be added to this control.	attribute inner element static value bindable default	True

Events

	Name	Type	Description
	Changed	ICommandBinding	Gets or sets the command that will be triggered when the onchange event is fired.
	TextInput	ICommandBinding	Gets or sets the command that will be triggered when the user is typing in the field. Be careful when using this event - triggering frequent postbacks can make bad user experience. Consider using static commands or a throttling postback handler.