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
.
<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>
public ActionResult blockButton()
{
return View();
}