Search results

Hide dropdown arrow

03 Mar 2021 / 1 minute to read

You can hide the dropdown arrow from the DropDownButton by adding class e-caret-hide to DropDownButton element using cssClass property.

Index.razor

Copied to clipboard
<EjsDropDownButton ID="hide-arrow" Items="@items" Content="Message" CssClass="e-caret-hide"></EjsDropDownButton>

@functions {

    List<object> items = new List<object>
     {
            new { text = "Edit" },
            new { text = "Delete" },
            new { text = "Mark as Read" },
             new { text = "Like Message" }  

    };

}