FormControlCheckBox

in namespace DotVVM.Bootstrap5.Controls

Extends the CheckBox control for usage in Form.

Usage & Scenarios

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

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

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

Sample 1: Basic Usage

<bs:FormControlCheckBox HelpText="Let us know if you like potatoes" Text="I like potatoes" VisualStyle="Switch" Checked="{value: Value}" />

<bs:FormControlCheckBox Text="Check this" VisualStyle="Default" CheckedValue="1" CheckedItems="{value: ResultItems}" />

<bs:Button Text="Validate" Click="{command: Validate()}" />
using System.Collections.Generic;
using System.ComponentModel.DataAnnotations;
using System.Linq;

public class ViewModel : DotvvmViewModelBase, IValidatableObject
{
    public bool Value { get; set; }

    public List<string> ResultItems { get; set; } = new List<string>();

    public void Validate()
    {

    }

    public IEnumerable<ValidationResult> Validate(ValidationContext validationContext)
    {
        if (!Value)
        {
            yield return new ValidationResult($"Value must be true.", new[] { nameof(Value) });
        }

        if (!ResultItems.Any())
        {
            yield return new ValidationResult($"At least one checkbox must be checked", new[] { nameof(ResultItems) });
        }
    }
}

Properties

Name Type Description Notes Default Value
property icon ButtonFontType ButtonTextColor Gets or sets the font color. Use this property in combination with a `Button` checkbox visual style.
attribute
inner element
static value
bindable
default
Default
property icon ButtonSize Size Gets or sets the button size. Use this property in combination with a `Button` checkbox visual style.
attribute
inner element
static value
bindable
default
Default
property icon ButtonType ButtonType Gets or sets the button type. Use this property in combination with a `Button` checkbox visual style.
attribute
inner element
static value
bindable
default
Primary
property icon ButtonVisualStyle ButtonVisualStyle Gets or sets the button visual style. Use this property in combination with a `Button` checkbox visual style.
attribute
inner element
static value
bindable
default
SolidFill
property icon Checked Boolean? Gets or sets whether the control is checked.
attribute
inner element
static value
bindable
default
null
property icon CheckedItems IValueBinding<IEnumerable> Gets or sets the collection of checked items. Use this property in combination with the CheckedValue property.
attribute
inner element
static value
bindable
default
null
property icon CheckedValue Object Gets or sets the value that will be used as a result when the control is checked. Use this property in combination with the CheckedItem or CheckedItems property.
attribute
inner element
static value
bindable
default
null
property icon Content List<DotvvmControl> Gets or sets a single CheckBox control, that is validated.
attribute
inner element
static value
bindable
default
null
property icon Enabled Boolean Gets or sets a value indicating whether the control is enabled and can be clicked on.
attribute
inner element
static value
bindable
default
null
property icon FormControlCssClass String Gets or sets the CSS class to apply to the form control element.
attribute
inner element
static value
bindable
default
null
property icon 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
property icon 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
property icon IsInline Boolean Gets or sets whether the control should be rendered on the same horizontal row.
attribute
inner element
static value
bindable
default
False
property icon IsReversed Boolean Gets or sets whether the control should be put on the opposite side of the page.
attribute
inner element
static value
bindable
default
False
property icon RenderLabel Boolean Gets or sets whether the label will be rendered. If set to null than the label will be rendered if needed.
attribute
inner element
static value
bindable
default
True
property icon Text String Gets or sets the text inside the control.
attribute
inner element
static value
bindable
default
null
property icon 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
property icon VisualStyle CheckBoxVisualStyle Gets or sets the radio button visual style. Possible values are `Default`, `Switch`, `Button`.
attribute
inner element
static value
bindable
default
Default

Events

Name Type Description
event icon Changed ICommandBinding Gets or sets the command that will be triggered when the control check state is changed.

HTML produced by the control