Dropdown Button

8 Aug 20171 minute to read

You can change the Split Button as Dropdown Button that consists of a single button that when clicked displays a drop-down list of mutually exclusive items. You can achieve this by using default functionality of Split Button with ButtonMode as ButtonMode.Dropdown. Initially the TargetID is a mandatory one.

The following steps explain how to change the Split Button as Dropdown Button.

1. In the VIEW page, add the following button elements to configure Button widget.

    @*Add the code in the CSHTML page to configure and initialize the control*@
   
   
   
    @Html.EJ().SplitButton("dropdownButton").Text("login").ShowRoundedCorner(true).Size(ButtonSize.Medium).ContentType(ContentType.TextOnly).TargetID("menu1").ButtonMode(ButtonMode.Dropdown)
   
    <ul id="menu1">
   
        <li><span>User</span></li>
   
        <li><span>Guest</span></li>
   
        <li><span>Admin</span></li>
   
    </ul>

2. Execute the above code to render the following output.