The split button functionality enables the developer to display a second button
right next to the original button, whose main function is to enhance the usability
of the first (Primary Button). For example, the user can select an action (command), from a
predefined list of actions (commands), and then execute that action (command) every time the button is clicked.
To enable the SplitButton functionality set the EnableSplitButton property to true.
You can use a split button to consolidate a set of variations of a command, especially when one of the commands is used most of the time.
The SplitButton control in this demo supports the following behaviors:
- When clicked for the first time, the SplitButton will expand a hidden dropdown with a list of the available options.
- If an item in the dropdown is pressed, the split button header will be updated with the selected command name, and it will be executed.
- To apply the lastly selected command, just click the button's header, instead of expanding the dropdown again.
- To apply another command, click on the SplitButton arrow and choose the desired command from the list.