The footer bar always controls the workflow of the organism it is placed in. The actions related to the workflow are always located at the bottom right of the boardlet and can be performed after you work through the boardlet content. The hirachie moves from the bottom right to the bottom left.
The footerbar has a fixed height and may never be multiline. The footerbar may be used only in the allowed combinations listed below. Footerbars are found in different organisms and have partly different rules, depending on the field of application of the respective organism.
Each boardlet has the possibility to use a footerbar. All 4 different combinations are allowed, though "tabs with an actionbar" are only allowed in the kiosk view.
Only tabs, tabs with buttons and buttons only are allowed as footerbars of dialogs. Dialogs must always have a footer.
A dialog without sidebar can only have buttons inside the footerbar. They span the entire width of the dialog no matter the amount of buttons. If the dialog needs tabs, a dialog with sidebar is used.
In case the dialog has a sidebar, the layout changes. Buttons are stacked on top of each other and will the entire sidebar in with. The height between buttons is always the same. Tabs appere in the form of vertical tabs in the sidebar.
The modal allows only one footerbar combination, only buttons. It is up to the designer which combination of the different buttons they choose.
The height of the buttons stays consistent throughout. The width depends on the number of buttons, which should never exede three. In accordance to the hierarchy of buttons
Place the workflow actions at the bottom right of the boardlet. Keep the footerbar at a fixed height and never multiline. Use only the allowed combinations and follow the organism rules.
For Tabs with buttons, show the action disabled in all other tabs if it is only available in one tab. This is necessary to avoid unpleasant jumping back and forth of the molecules within the organism. Limit the number of possible actions to a maximum of 2 buttons.
For Buttons only, use this representation in case an action is required in the boardlet. Limit the number of possible actions to a maximum of 2 buttons.
Use Tabs with actionbar as one of the secondary display options in kiosk mode. It enables the control of the tabs, e.g. rotation and time control of the rotation.
In Dialog footerbars, use only the combinations 2a., 2b., 2c. If the dialog has a sidebar, the footerbar goes over the whole width and the buttons must not be wider than the footerbar.
In Modal footerbars, allow only buttons. The height of the buttons is important and primary buttons are always on the right.
Use the Footer toolbar order. Place the primary workflow/finalizing action leftmost (such as Post), then secondary actions (such as Return), then the negative path (such as Cancel).