Show theme settings Shopping cart Download trialFree Trial
Change Theme Settings
Change Theme Settings
Show All Themes


A check box's types

Native = True

CheckedImage.Url="Images/Checked.png" UnheckedImage.Url="Images/Unhecked.png"

The Grayed state

Native = True
The Grayed state is not supported in Native mode
CheckedImage.Url="Images/Checked.png" UnheckedImage.Url="Images/Unhecked.png" GrayedImage.Url="Images/Grayed.png"

Gray Out

This demo illustrates the ASPxCheckBox editor's main features. The DevExpress ASP.NET Check Box (ASPxCheckBox) is a check editor that indicates whether a particular condition is on or off. It is commonly used to present a Yes/No or True/False selection. An end-user can switch between check states by clicking the editor or pressing the SPACE key when the editor is focused.

  • Two or Three States

    The ASPxCheckBox editor supports two or three states, depending on the AllowGrayed property setting. To set the state programmatically, use either the Checked or CheckState property. Checked is Boolean and supports only checked and unchecked states. The CheckState property allows you to select one of three states: checked, unchecked and indeterminate. Set the AllowGrayed property to true to enable the indeterminate state. In the three-state mode, you can also use the AllowGrayedByClick property to control whether end-users are allowed to switch the editor to the indeterminate state or whether this can only be done programmatically.

  • Custom Images for Check Box

    A checkbox is an image within the ASPxCheckBox editor by default. Assigning your images to different checkbox states is also possible using the CheckedImage, UncheckedImage and GrayedImage properties.

  • Native Rendering

    The ASPxCheckBox supports native rendering by exposing the Native property. Set this property to true to render the ASPxCheckBox as a CHECKBOX type native HTML INPUT element. This reduces the rendering size and improves the editor's overall performance. In native mode, the ASPxCheckBox behaves like a standard HTML checkbox - two states without images.

  • Toggle Switch Mode

    ASPxCheckBox allows transforming the checkbox's default representation into a toggle switch using the ToggleSwitchDisplayMode property.

In this demo, try to switch the ASPxCheckBox's checked state by clicking the "Switch" button. The "Gray out" button allows you to set the check box's grayed state.

Local Copy of this Demo
To inspect the source code for this demo on your machine, you must first install our components via the DevExpress Component Installer.
You can open a local copy of this online demo directly from this webpage (if using v20.2.8, 21.1.4 or higher).
Open CS Solution
Open VB Solution
The source code files for this demo are installed (by default) in the following directories:
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\ASPxEditorsDemos
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\VB\ASPxEditorsDemos