Hi Manoj,
Thanks for contacting Syncfusion support.
You can change the appearance of button control using CssClass property. Background color, font color and desired styles can be changed by overriding the existing styles applied to the control element.
If you have added bootstrap classes as CssClass, then it will be added at the root element of the widget and it doesn’t override the existing class values. So, please apply the style as to override the existing default values as mentioned in the below code example.
|
[cshtml]
@Html.EJ().Button("button1").Text("Primary").EnableRTL(false).ShowRoundedCorner(true).Size(ButtonSize.Medium).CssClass("primary")
[style]
.primary.e-btn {
color: #fff;
background-color: #337ab7;
}
.primary.e-btn.e-select:hover {
color: #fff;
background-color: #286090;
} |
For your convenience, we have attached the sample in the below location,
To know more about how to customize the Essential JS controls with user-defined styles, please refer to the below link:
Also you can make use of
ThemeStudio option available in our
http://js.syncfusion.com/ demo site. With the help of this, you can customize our EJ controls with the desired theme.
For more information, please refer the following link.
For more information about Button control customization, please refer to,
Please let us know, if you need any further assistance.
Regards,
Francis Paul A
