Search results

Create DropDownButton with rounded corner

03 Mar 2021 / 1 minute to read

DropDownButton with rounded corner can be achieved by adding border-radius CSS property to button element.

In the following example, e-round-corner class is defined with 5px border-radius property and added that class to button element using cssClass property.

Index.razor

Copied to clipboard
<EjsDropDownButton ID="ddbtn" Items="@items" cssClass="e-round-corner" Content="Clipboard"></EjsDropDownButton>

@functions {

    List<object> items = new List<object>
     {
            new { text = "Edit" },
            new { text = "Copy" },
            new { text = "Paste" }

        };
}

_Host.cshtml

Copied to clipboard
<style>
 .e-round-corner {
     border-radius: 5px;
 }
</style