CheckBox SAP SE Allows the user to set a binary value, such as true/false or yes/no for an item. <h3>Overview</h3> The <code>CheckBox</code> control consists of a box and a label that describes its purpose. If it's checked, an indicator is displayed inside the box. To select/deselect the <code>CheckBox</code>, the user has to click or tap the square box or its label. Clicking or tapping toggles the <code>CheckBox</code> between checked and unchecked state. The <code>CheckBox</code> control only has 3 states - checked, unchecked and partially selected. <h3>Usage</h3> You can set the width of the element containing the box and the label manually with the use of the <code>width</code> property. If the text exceeds the available width, it is truncated. <b>Note:</b> When <code>useEntireWidth</code> property is set to <code>true</code>, the value of the <code>width</code> property is applied to the control as a whole (box and label). If <code>useEntireWidth</code> is set to <code>false</code>, the <code>width</code> is applied to the label only. The touchable area for toggling the <code>CheckBox</code> ends where the text ends. If the width allows more space than the text requires, white space is added. The text can be positioned manually in this space using the <code>textAlign</code> property. <b>Note:</b> Keep in mind that setting the <code>textAlign</code> property to <code>Right</code> can result in a large amount of white space between the box and the text. You can disable the <code>CheckBox</code> by setting the <code>enabled</code> property to <code>false</code>, or use the <code>CheckBox</code> in read-only mode by setting the <code>editable</code> property to false. <b>Note:</b> Disabled and read-only states shouldn't be used together. sap.ui.core/Control Determines whether the <code>CheckBox</code> is selected (checked). When this property is set to <code>true</code>, the control is displayed as selected, unless the value of the <code>partiallySelected</code> property is also set to <code>true</code>. In this case, the control is displayed as partially selected. Determines whether the <code>CheckBox</code> is displayed as partially selected. <b>Note:</b> This property leads only to visual change of the checkbox and the state cannot be achieved by user interaction. The visual state depends on the value of the <code>selected</code> property: <ul> <li>If <code>selected</code> = <code>true</code> and <code>partiallySelected</code> = <code>true</code>, the control is displayed as partially selected</li> <li>If <code>selected</code> = <code>true</code> and <code>partiallySelected</code> = <code>false</code>, the control is displayed as selected</li> <li>If <code>selected</code> = <code>false</code>, the control is displayed as not selected regardless of what is set for <code>partiallySelected</code></li> </ul> Disables the Checkbox. Disabled controls are not interactive and are rendered differently according to the theme. The 'name' property to be used in the HTML code, for example for HTML forms that send data to the server via submit. Defines the text displayed next to the checkbox Options for the text direction are RTL and LTR. Alternatively, the control can inherit the text direction from its parent container. Aligns the text of the checkbox. Available alignment settings are "Begin", "Center", "End", "Left", and "Right". Determines the total width of the control or the width of its label only, depending on the value of <code>useEntireWidth</code>. <b>Note:</b> When <code>useEntireWidth</code> is set to <code>true</code>, <code>width</code> is applied to the control as a whole (checkbox and label). Otherwise, <code>width</code> is applied to the label only. Indicates if the given width will be applied to the control as a whole or to its label only. <b>Note:</b> by default the width is set to the label Flag to switch on activeHandling, when it is switched off, there will be no visual changes on active state. Default value is 'true' Specifies whether the user shall be allowed to edit the state of the checkbox Accepts the core enumeration ValueState.type that supports 'None', 'Error', 'Warning', 'Success' and 'Information'. Determines whether the <code>CheckBox</code> is in display only state. When set to <code>true</code>, the <code>CheckBox</code> is not interactive, not editable, not focusable and not in the tab chain. This setting is used for forms in review mode. <Note:> When the property <code>enabled</code> is set to <code>false</code> this property has no effect. Determines whether the label's text is wrapped. When set to <code>false</code> (default), the label's text is truncated with ellipsis at the end. Event is triggered when the control status is changed by the user by selecting or deselecting the checkbox. Checks whether the CheckBox is marked or not . The label that represents the text of the checkbox control Association to controls / IDs which describe this control (see WAI-ARIA attribute aria-describedby). Association to controls / IDs which label this control (see WAI-ARIA attribute aria-labelledby).