This tutorial demonstrates modifying the shape of a RadButton.
- Select a RadButton control.
- Open the RadButton Smart Tag and select Open Theme Builder to start Visual Style Builder.
- Click on the fill area of the button in the Design view.
- In the Expert Mode pane locate the Shape property, and then select Create new custom shape... from the drop down list. This step will launch the Custom Shape Editor dialog.
- Right-click the upper line and select Insert Point.
- Right-click the left line and select Insert Point.
- Move the upper left corner in to form a new shape (see screen shot below).
- Right-click the bottom line and select Convert from the context menu. This step converts the line to a Bezier curve.
- Drag the two control points up slightly.>
- Click OK to close the Custom Shape Editor dialog.
- In the Visual Style Builder Control Structure pane, select the Border Primitive from the control tree.
- In the Expert Mode pane, set the Visibility property to Hidden.
- The new shape for the button will be displayed in the Visual Style Builder Preview pane.
See the help for Visual Style Builder for more information on saving and applying themes.