diff --git a/source/img/Toolbar1.png b/source/img/Toolbar1.png new file mode 100644 index 0000000..1bf145e Binary files /dev/null and b/source/img/Toolbar1.png differ diff --git a/source/patterns/command/toolbar.rst b/source/patterns/command/toolbar.rst index c72e5ae..16e0971 100644 --- a/source/patterns/command/toolbar.rst +++ b/source/patterns/command/toolbar.rst @@ -1,38 +1,49 @@ Toolbar ======= |desktopicon| Desktop --------------------- +--------------------- -.. image:: /img/CP-Toolbar+MenuButton.png +.. figure:: /img/Toolbar1.png :alt: Toolbar + Menu Button + :scale: 60% + + Toolbar with the most common actions and a menu button for additional + actions - Use Toolbar + Menu Button command pattern when the number of frequently used commands are about 8 or less, and the remaining commands are not essential to performing the primary task of the application. The toolbar pattern exposes the frequently used commands. The menu button pattern exposes more of the command structure. - Commands are also exposed using context menus, a context panel or by the direct manipulation of content. + +See :doc:`toolbar ` for +more details. Examples ~~~~~~~~ Web browser, File manager, Text editor, Email, Calendar, Image editor, Music player, Archiver |mobileicon| Mobile ------------------- -.. image:: /img/Phone_toolbar.jpg +.. image:: /img/Actionbutton2.png :alt: Toolbar - :scale: 40 % + :scale: 60 % + +On mobile, a toolbar is diplayed as a group of +:doc:`primary action buttons `. - If there are controls that need to be accessed often within the application's primary tasks but the content needs as much space to be - available as possible, put the main controls in a toolbar. -- The toolbar is at the bottom of the user interface and should not - contain more than four buttons. -- If there are more then four actions, put the remaining ones in the - global drawer or context drawer + available as possible, you can add up to three primary action buttons +- The primary action buttons are at the bottom of the user interface and + there cannot be more then three buttons. +- If more than three actions are required, put the remaining ones in the + :doc:`global drawer ` + or :doc:`context drawer `.