Create a Block Button

19 Dec 20221 minute to read

You can customize a Button into a Block Button that will span the entire width of its parent element. To create a Block Button, set the cssClass property to e-block.

CSHTML

<ejs-button id="blockbtn" content="BLOCKBUTTON" cssClass="e-block"></ejs-button>
<ejs-button id="primarybtn" content="BLOCKBUTTON" cssClass="e-block" isPrimary="true"></ejs-button>
<ejs-button id="successbtn" content="BLOCKBUTTON" cssClass="e-block e-success"></ejs-button>

<style>

button {
  margin: 25px 0;
}

</style>

NOTE

View Sample in GitHub.