To get started, see the introductory guide on editable object-table cells.

This cell contains a checkbox next to a display value. When the checkbox is selected, the on-change methods fires with the newValue representing a Javascript true or false.

When a checkbox, without a label, is selected a loader will replace the checkbox while saving, instead of appearing on the right.

On mobile the entire cell area is used to fire the on-change event, for easy accessibility without a mouse cursor.

Basic Example

<object-table ...>
    <column display="{field}">
        <edit-boolean value="$object.field" on-change="$:valueChanged($object, newValue, oldValue)" />

Standard Attributes


See edit-text > on-change


See edit-text > value

Advanced Attributes


See edit-text > disabled

Last updated