| title | page_title | description | position | previous_url | slug |
|---|---|---|---|---|---|
Styling |
.NET MAUI CheckBox Documentation - Styling |
Set the border, background, and symbol color of the Telerik UI for .NET MAUI CheckBox and customize its visual appearance. |
4 |
/controls/checkbox/checkbox-styling |
checkbox-styling |
The CheckBox provides a set of styling options by exposing properties for customizing its visual appearance.
You can set the color of the check mark as well as the control itself in each of the available states.
To set the background and border colors of the CheckBox, use the following properties:
CheckedColor—Defines the Color applied to the control when its checked. This is both the border and background color.UncheckedColor—Defines the Color applied to the control when its unchecked. This is the border color only, the background is transparent when unchecked.IndeterminateColor—Defines the Color applied to the control when its in Indeterminate state. This is both the border and background color.
To set the symbol colors of the CheckBox, use the following properties:
CheckedSymbolColor—Defines the Color applied to the check symbol of the control when its in Checked state.IndeterminateSymbolColor—Defines the Color applied to the Indeterminate symbol of the control.
The following example demonstrates how to set the CheckedColor and CheckedSymbolColor properties:
The following example demonstrates how to set the UncheckedColor property.
The following example demonstrates how to set the IndeterminateColor and IndeterminateSymbolColor properties.
The image below shows the end result.
For a runnable example with the CheckBox Styling scenario, see the [SDKBrowser Demo Application]({%slug sdkbrowser-app%}) and go to CheckBox > Features category.
- [Defining the Checkbox State]({% slug checkbox-checked-states %})