|
10 | 10 |
|
11 | 11 | </tldr> |
12 | 12 |
|
13 | | -A split icon button appears on a horizontal toolbar and consists of two parts: the main icon and a triangle icon for the action list. |
| 13 | +A split icon button appears on a horizontal [toolbar](toolbar.md) and consists of two parts: the main icon and a triangle icon for the action list. |
14 | 14 |
|
15 | 15 | {width=706} |
16 | 16 |
|
17 | 17 | ## When to use |
18 | 18 |
|
19 | | -Use the split icon button to reduce the number of actions on a toolbar if the following conditions are met: |
20 | | -* The toolbar is horizontal. The split icon button is too wide for vertical toolbars. |
| 19 | +Use the split icon button to reduce the number of actions on a horizontal toolbar if all the following conditions are met: |
21 | 20 | * There are already many controls on the toolbar. |
22 | 21 | * There is a group of similar actions. |
23 | 22 | * The user invokes one action more often than others. Or the user invokes one action several times, then switches to another action and invokes it several times but does not switch between actions too often. |
24 | 23 |
|
25 | | -<note>To decide whether to add the actions to the toolbar, follow the <a href="toolbar.md#what-items-to-add-on-toolbar">Toolbar</a> guidelines.</note> |
| 24 | +<note>To decide whether to add actions to the toolbar, follow the <a href="toolbar.md#what-items-to-add-on-toolbar">Toolbar</a> guidelines.</note> |
26 | 25 |
|
27 | 26 | ## How to use |
28 | 27 |
|
29 | 28 | ### Add icons to all menu actions |
30 | | -Make sure that all actions in the drop-down menu have icons. When an action is selected, its icon will be used as the main icon. |
| 29 | +Make sure that all actions in the drop-down menu have icons. When an action is selected, its icon will be shown on the toolbar. |
31 | 30 |
|
32 | 31 | {width=706} |
33 | 32 |
|
34 | 33 | ### Disable unavailable actions |
35 | | -Do not hide the unavailable actions, show them as disabled to help users locate them in the future. The action menu should always open, even if all the items in it are disabled. |
| 34 | +Do not hide the unavailable actions but show them as disabled to help users locate them in the future. The action menu should always open even if all the items in it are disabled. |
36 | 35 |
|
37 | 36 | {width=706} |
38 | 37 |
|
0 commit comments