getting-started.md

title	page_title	description	slug	tags	published	position
Getting Started	Getting Started - RadSplitButton	Check our Web Forms article about Getting Started.	splitbutton/getting-started	getting,started	true	2

Getting Started with the Telerik WebForms SplitButton

The following article shows the structure and demonstrates how you can add the RadSplitButton control and customize it by setting some of its properties.

Structure

The RadSplitButton is essentially inheriting the same base as a [RadPushButton]({%slug pushbutton/overview%}), functionally expanded with a [RadContextMenu]({%slug menu/context-menus/radcontextmenu-object%}) holding the set of alternative button options.

Add a RadSplitButton Control

To add a RadSplitButton similar to the one shown in image above, follow the steps:

• Add a ScriptManager control on a Web Form.

• Use the <telerik:RadSplitButton> tag to declare the SplitButton.

• Use the <ContextMenu> inner tag to set the properties of the DropDown menu and define the set of different Button items in the <Items> tag.

<telerik:RadSplitButton runat="server" ID="RadSplitButton1" Text="Sort by Name" CommandName="sortByName" CommandArgument="MyArgument">
    <ContextMenu>
        <Items>
            <telerik:RadMenuItem Text="Sort by Name" Value="sortByName">
            </telerik:RadMenuItem>
            <telerik:RadMenuItem Text="Sort by Type" Value="sortByType">
            </telerik:RadMenuItem>
            <telerik:RadMenuItem Text="Sort by Size" Value="sortBySize">
            </telerik:RadMenuItem>
        </Items>
    </ContextMenu>
</telerik:RadSplitButton>

As a next step, you can check out the [Functionality]({%slug splitbutton/functionality/context-menu%}) of the RadSplitButton.

See Also

• [Server-side Programming]({%slug splitbutton/server-side-programming/overview%})
• [Install Telerik UI for ASP.NET AJAX with MSI installer]({%slug getting-started/installation/install-using-msi%})
• RadSplitButton online demos