This help article showcases how to check/uncheck the RadCheckBox control on the server-side/client-side.
Get/Set Checked State Server-Side
You can get/set the checked state of the RadCheckBox control on the server-side through the property.
The property takes a nullable boolean. When a null value is set, the value will default to false. This is useful for data-binding scenarios when the property is bound to a data source field of nullable boolean type.
Example 1: Check RadCheckBox in the markup.
Example 2: Get/Set the Checked property from the server-side.
Get/Set Checked State Client-Side
To get/set the checked state of the RadCheckBox control on the client-side you can use the and properties of the control.
Example 3: Toggle the initial checked state of RadCheckBox.
RadCheckBox is designed to provide an interface element that can represent an On or Off state using a check mark. To learn how to manage the states of RadCheckBox see Handling Telerik RadCheckBox States. In DataBinding with the Telerik RadCheckBox you will learn how to leverage the DataBinding features of RadCheckBox. In addition, RadCheckBox, like all of the other controls in Telerik UI for WinForms suite, has versatile design options. RadCheckBox supports three states. This is controlled by the IsThreeState property. If it is set to false, the ToggleState property, which determines the current state of the check mark, can be On or Off . Otherwise, it can be set to On , Off , or Indeterminate .
The CheckBox is part of Telerik UI for WinForms, a professional grade UI library with 140+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.
Download Free Trial
Blazor Checkbox Component Overview
The Blazor Checkbox component will let you add styled and customized Checkboxes to WebAssembly (WASM) and Server-side Blazor apps. App users can select one, many or all of the listed options.
Telerik UI for Blazor Checkbox Demo
CheckBox TabIndexThe Blazor CheckBox component, just like all other Telerik UI for Blazor input components, supports keyboard navigation to switch between components thanks to the HTML TabIndex property. Pressing Tab will normally focus the next available input component, the same way your users are accustomed to when standard HTML inputs are used. Having the TabIndex setting lets you customize that order.
The Telerik Checkbox component provides the basic checked and unchecked states, along with a third state - Indeterminate (something in between - neither checked, nor unchecked). The indeterminate is commonly used for states for “Check All”/ “Select All” top level Checkboxes that include sub-options with different states, or when you need to present a third ‘undefined’ option such as Yes/No/Maybe. The Checkbox also includes a disable option to prevent toggling of a checkbox values in Blazor apps.
The Telerik Blazor Checkbox component exposes multiple events like ValueChanged, OnChange and InderminateChanged that let you easily handle the flow of checkbox selection and determine the next steps in your app logic.
Code samples with Blazor Checkbox events.
The Telerik Blazor Checkbox has several built-in themes such as Default (our own styling), Material (based on the Material Design guidelines) and Bootstrap (which looks like the Bootstrap styling to integrate better). You can easily customize any of out-of-the-box themes with a few lines of CSS, or create new theme to match your colors and branding by using the Telerik SASS ThemeBuilder application.
All Blazor Components
Interactivity & UX
See Telerik UI for Blazor in action and check out how much it can do out-of-the-box.
Telerik and Kendo UI are part of Progress product portfolio. Progress is the leading provider of application development and digital experience technologies.
Copyright © 2021, Progress Software Corporation and/or its subsidiaries or affiliates. All Rights Reserved.
Progress, Telerik, Ipswitch, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries. See Trademarks for appropriate markings.
Telerik RadCheckBox for Xamarin is a checkbox control which enables users to make a choice between two mutually exclusive options. The user’s selection is indicated by a check mark, and when a user clicks the checkbox its appearance and state change.
The CheckBox is part of Telerik UI for Xamarin, a professional grade UI component library for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.
Download Free Trial
Figure 1: RadCheckBox Overview
- Indeterminate state support: RadCheckBox provides an additional indeterminate state which indicates the control is neither checked nor unchecked, for more details go here.
- Color customization: You will be able to set various Color properties to make changes to the look of different parts of the CheckBox control, check here for more details.
- Stroke Width customization: You will have the option to customize the layout of the CheckBox, including the borders and the check mark, read more here.
- Different sizes: You will be able to set the dimension of the CheckBox by adjusting only one property - the Length property, check the details here.
- Commands support: CheckBox exposes a Commands collection that allows you to register custom commands with each control’s instance, read more here.
- Theming Support: RadCheckBox comes with built-in theming support that allows you to easily build slick interfaces with the look-and-feel of a predefined theme. See the Theme color keys here
The RadCheckBox control (Figure 1) enriches the features, that ASP.NET CheckBox control has. Additionally, it provides events, supports Commands and numerous themes. RadCheckBox is available as of Q1 2016.
The control can be easily styled by changing the property. This will eliminate the need to use the RadFormDecorator, just to style a single checkbox. Developers can easily migrate their applications from using the standard ASP.NET (checkbox) controls to the RadCheckBox control, because most of their functionality is provided by our control, and is controlled by the same or similar (intuitive) properties.
Figure 1: RadCheckBox configuration.
Example 1: A basic example of a RadCheckBox setup.
The default value of the property is , which means RadCheckBox will POST the page to the server when checked/unchecked.
RadCheckBox does not support a Classic render mode. Setting its RenderMode to Classic will default to the Lightweight render mode.
- Css image orientation
- 4k drones
- Waters view apartments
- Koa dump station
- Ship to shore asheville
- Movie with indian comedian
- Wordlock bike lock
- Genovations decking discontinued