Customizing Appearance
Parts of the buttons from the Buttons suite can be customized using properties from the public API.
To change the corner radius of a Button, set its CornerRadius property.
Changing the corner radius
<telerikControls:RadButton CornerRadius="20" Content="RadButton" />Buttons with changed corner radius
To hide the dropdown button part (the arrow) that opens the DropDownContent of the DropDownButton and SplitButton, set their DropDownIndicatorVisibility.
Hiding the dropdown button part
<telerikControls:RadDropDownButton Content="RadDropDownButton" DropDownIndicatorVisibility="Collapsed" />
<telerikControls:RadSplitButton Content="RadSplitButton" DropDownIndicatorVisibility="Collapsed" />Buttons with hidden dropdown indicator
To change the position (right by default) of the dropdown button part, set the DropDownButtonPosition property of DropDownButton and SplitButton.
Setting the dropdown button position
<telerikControls:RadDropDownButton Content="RadDropDownButton" DropDownButtonPosition="Bottom" />
<telerikControls:RadSplitButton Content="RadSplitButton" DropDownButtonPosition="Left" />Buttons with changed dropdown button position
To change the placement of the DropDownContent, set the DropDownPlacement property of DropDownButton and SplitButton.
Setting the dropdown placement
<telerikControls:RadSplitButton DropDownPlacement="Top" Content="RadSplitButton" />SplitButton with changed dropdown placement
To change the size of the DropDownContent, you can set several properties of DropDownButton and SplitButton. The size of dropdown is determined by the DropDownWidth and DropDownHeight. Additionally, you can restrict the size with the DropDownMinHeight, DropDownMaxHeight, DropDownMinWidth and DropDownMaxWidth properties.
Setting the dropdown width and height
<telerikControls:RadDropDownButton Content="RadDropDownButton" DropDownWidth="300" DropDownHeight="120" />DropDownButton with fixed dropdown size
