The editor gives most of the screen to the tab you are working on: a Board, a Sheet, a Dashboard or a Form. Around it sit four fixed pieces of chrome, the same on a computer, a tablet and a phone: the header across the top, the tab's own header, a cluster of buttons in the bottom-right corner, and the tab bar along the bottom.
What sits where
- Across the top: the header, with the logo, the plan's name, a pill saying who can see it (Private, Shared, Team or This Browser), a pill saying whether you are editing or viewing, and Share at the right.
- Top-left of the tab: the menu button, which opens the Explorer (your plans and folders) under it, beside the tab's title. On a board this is the start of the board header.
- The board header: on a board, after the title, how much is done (a percentage and a count), the board's WIP state, Filter cards, a + for adding widgets, and the board's settings cog. A Sheet, a Dashboard and a Form carry their own toolbars in the same place.
- Bottom-right: a fixed cluster of buttons. Reading from the left: Undo and Redo; the session tools (Timer and Vote) on a board made for voting or while a session is running; a strip with Trash, New (a card), Find (a card) and Types (card types), while the tab shows cards; a comments button, while the tab has a comment; Style, which opens the Tab Style dialog; and, on a Sheet tab only, the zoom controls. The buttons open their panels as popovers above them, and close them when you press the button again. See Undo and Redo.
- Along the bottom: the tab bar, with the plan's tabs and a + to add one, and the quick controls (Search, Settings and the appearance switch) at its right-hand end.
When a board or a Sheet fills its tab, the bottom-right cluster moves a little in and up so it sits inside the board's frame, clear of its edge and its scrollbar.
Viewers on a shared link see fewer of these buttons: no Undo, Redo, Trash or New, and no Style, since they cannot change the tab.
On a phone
On a phone the bottom-right cluster stays on one row, its buttons sharing the width there is, and shows icons without their names. The Trash is left off a phone. The header drops its pills to make room for the name, and a phone held sideways folds the header and the tab bar away on its own, with a handle to bring them back.
UI Scale under Appearance in Settings makes the panels and corner buttons bigger or smaller on a computer, and Panel Opacity under Panels lets what is behind a panel show through.
Want even less on screen? Zen mode (Z) hides the header, the tab bar
and the bottom-right buttons, and leaves just your work.
Was this article helpful?