New to Telerik UI for WinUI? Download free 30-day trial

DropDown Button

The RadDropDownButton control is a toggle button that opens a drop down presenter on click and closes it on second click. The drop down content can be populated with any element, like a simple text, a list with items or any other complex UI.

The DropDownButton's content is populated using its Content property. The drop down part is added via the DropDownContent property. Additionally, the contents can be customized using the ContentTemplate, DropDownContentTemplate and the associated DataTemplateSelector properties.

The following example shows how to define a button with a ListBox in its dropdown content and bind its 'Content' to the SelectedItem of the list.

Defining RadDropDownButton

<telerikControls:RadDropDownButton Content="{Binding ElementName=listBox, Path=SelectedItem.Content}"  
                                   DropDownWidth="180"> 
    <telerikControls:RadDropDownButton.DropDownContent> 
        <ListBox x:Name="listBox"> 
            <ListBoxItem Content="Item 1" /> 
            <ListBoxItem Content="Item 2" /> 
            <ListBoxItem Content="Item 3" /> 
        </ListBox> 
    </telerikControls:RadDropDownButton.DropDownContent> 
</telerikControls:RadDropDownButton> 
DropDownButton with opened DropDownContent

The dropdown part of the DropDownButton can be opened or closed manually using the IsOpen property of RadDropDownButton.

See Also

In this article
Not finding the help you need?