Disable in Button Group Control

19 Dec 20221 minute to read

Particular button

To disable a particular button in a ButtonGroup, disabled attribute should be added to corresponding button element.

Whole ButtonGroup

To disable whole ButtonGroup, disabled attribute should be added to all the button elements.

CSHTML

<div class='e-btn-group'>
    <ejs-button id="html" content="HTML"></ejs-button>
    <ejs-button id="css" content="CSS" disabled="true"></ejs-button>
    <ejs-button id="javascript" content="Javascript"></ejs-button>
</div>
<div class='e-btn-group'>
    <ejs-button id="html" content="HTML" disabled="true"></ejs-button>
    <ejs-button id="css" content="CSS" disabled="true"></ejs-button>
    <ejs-button id="javascript" content="Javascript" disabled="true"></ejs-button>
</div>

NOTE

To disable radio/checkbox type ButtonGroup, the disabled attribute should be added to the particular input element.

NOTE

View Sample in GitHub.