Edit on Github

FormControlRange

in namespace DotVVM.Bootstrap5.Controls

Extends the Range control for usage in Form.

Usage & Scenarios

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

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

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

Sample 1: Basic Usage

The FormControl control can render a label for any child control placed inside it.

Consider using some existing controls that combine FormControl with the most popular form elements:

page.dothtml

<bs:FormControlRange LabelText="Range text" 
                     MinValue="10" 
                     MaxValue="200" 
                     SelectedValue="{value: 10}" 
                     Step="10" />

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.	attribute inner element static value bindable default	True
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
MaxValue	Double	Gets or sets the end point of the scale.	attribute inner element static value bindable default	100
MinValue	Double	Gets or sets the start point of the scale.	attribute inner element static value bindable default	0
RenderLabel	Boolean?	Gets or sets whether the label is rendered.	attribute inner element static value bindable default	null
SelectedValue	Double	Gets or sets the value selected by the user.	attribute inner element static value bindable default	0
Size	Size?	Gets or sets the size of the label and form control elements.	attribute inner element static value bindable default	null
Step	Double	Gets or sets the size of the step which defines the difference between selectable values.	attribute inner element static value bindable default	1
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 triggers when the user finishes changing the value.