Displaying RadDropDownButton as an SVG Image in WinForms
Environment
| Product Version | Product | Author |
|---|---|---|
| 2025.1.211 | RadDropDownButton for WinForms | Dinko Krastev |
Description
In the following scenario, we will demonstrate how to customize a Telerik RadDropDownButton control to look like an SVG image and then display a drop-down menu with items.
Solution
To achieve this functionality, we can set several properties of the control:
// Hide the arrow part of the RadDropDownButton
this.radDropDownButton1.ShowArrow = false;
//Remove the text from the RadDropDownButton
this.radDropDownButton1.Text = "";
//Set the background color to transparent
this.radDropDownButton1.BackColor = System.Drawing.Color.Transparent;
//Assign an SVG image to the RadDropDownButton
this.radDropDownButton1.SvgImageXml = resources.GetString("radDropDownButton1.SvgImageXml");
//Add clickable items to the RadDropDownButton's dropdown using RadMenuItems**:
this.radDropDownButton1.Items.AddRange(new Telerik.WinControls.RadItem[] {
this.radMenuItem1,
this.radMenuItem2,
this.radMenuItem3,
this.radMenuItem4,
this.radMenuItem5
});
This approach allows you to display an SVG image while providing a list of clickable items.