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'>
    @Html.EJS().Button("html").Content("HTML").Render()
    @Html.EJS().Button("css").Content("CSS").Disabled(true).Render()
    @Html.EJS().Button("javasript").Content("Javascript").Render()
</div>
<div class='e-btn-group'>
    @Html.EJS().Button("html_1").Content("HTML").Disabled(true).Render()
    @Html.EJS().Button("css_1").Content("CSS").Disabled(true).Render()
    @Html.EJS().Button("javasript_1").Content("Javascript").Disabled(true).Render()
</div>

Default.cs

public ActionResult Index()
    {
            return View();
    }

NOTE

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

NOTE

View Sample in GitHub.