The mobile tab bar
On a phone, the whole product collapses into a five-slot bar at the bottom of the screen. Four of those slots are yours — each person pins the pages they actually open, and the fifth slot is the door to everything else.
#Why this exists
The desktop app has room for a full sidebar. A phone doesn't. And the people on phones — mechanics in a truck, operators on a jobsite — aren't browsing the product. They open it to do one of two or three things, fast, with a thumb. A static menu buried behind a hamburger would put their most-used screen two taps away every time.
So the mobile layout puts a fixed bar across the bottom and lets each user decide what lives in it. A field tech who works tickets all day pins Tickets. A buyer who lives in equipment requests pins Equipment. The bar becomes a per-person shortcut row, and the things you rarely touch stay one tap away under More instead of cluttering the screen.
#What you're looking at
Every slot is the same shape: an icon stacked over a short label. The page you're currently on is tinted blue so you always know where you are. The labels in the bar are deliberately short — Mobilize, Maintain — because they have to fit four-up across a phone. The fuller names (Mobilizations, Maintenance) show up in the menu, where there's room.
#How the bar is built
Two kinds of slots, always in this order:
- Up to four favorites. These are pages the user has pinned. They fill the bar from the left.
- The More button. Always the last slot. It opens a sheet that lists every page the user can reach, and it is where the user pins and unpins pages.
There is no limit on how many pages a user can pin. The bar has four favorite slots, so it never wraps. When a user has more than four pins, the bar shows the first four in the menu's fixed order (Tasks, Schedule, Tickets, Equipment, Mobilize, Maintain, and so on). The order in which the user pinned them has no effect. The other pins stay at the top of the sheet, one tap away under More.
A user who has never pinned anything gets a default set. The default is the first four of Tasks, Tickets, Equipment, Mobilize, Maintenance and Units that the user's role lets them work with. On an account that uses Parts, Parts comes first in that list, so a new user gets Parts, Tasks, Tickets and Equipment.
#Walkthrough
#Step 1: Open the sheet with More
Tap More and a sheet slides up. Its header shows the name of the account you are working in. If you belong to more than one account, tap the name to open Switch account and change accounts.
Below the header are two groups:
- Favorites. Every page you pinned, with a filled gold star.
- More. A toggle that shows or hides every page you did not pin, each with a hollow star. Tap it to open the list; the toggle then reads Less. Your browser remembers if you left it open or closed. The page you are on stays visible in the sheet even when the list is closed.
Tapping a row goes to that page. Tapping the star on the right pins or unpins the page. The change is instant; there is no save button. The pages in the list depend on the user: a user whose role has the Manage account permission, such as the Admin role, sees Settings, and some pages appear only on accounts that use them (see What can go in a slot).
Below the page list, the sheet also has an Appearance switch, because the desktop user menu that holds it does not show on a phone.
#Step 2: Pin and unpin to change the bar
Pinning never fails, and it never pushes a page off your list. But the bar shows only four pins, in the menu's fixed order. Thus, to put a page on a full bar, you must unpin a page that comes before it in that order.
For example, the default bar is Tasks, Tickets, Equipment and Mobilize. Tap the star next to Maintenance and it joins your Favorites in the sheet, but the bar does not change, because Maintenance comes after Mobilize. Now tap the gold star next to Mobilizations to unpin it. Maintenance moves up into the fourth slot.
#Step 3: The bar updates
Close the sheet and the bar has changed. Maintenance, with the short label Maintain, is now in the slot that Mobilize had.
#Step 4: More follows where you are
When you go to a page that is not on the bar, the More button stops saying "More." It shows that page's icon and label, so the bar still shows where you are. This also applies to a page you pinned that did not fit on the bar.
#What can go in a slot
The sheet lists these destinations in this order, each one only if the signed-in user can reach it. The bar uses the short label; the sheet uses the full name where there is one.
| Bar label | Sheet name — what it opens |
|---|---|
| Tasks | Tasks — the action items assigned to you, with an unread count badge. |
| Schedule | Schedule — jobs and the equipment on them. |
| Tickets | Tickets — the ticket inbox from the field. |
| Equipment | Equipment — equipment requests. |
| Mobilize | Mobilizations — moving owned units between sites. |
| Maintain | Maintenance — service and repair work requests. |
| Parts | Parts — parts requests. Only on accounts that use Parts. |
| Tools | Tools — only on accounts that use Parts and have Tools turned on. |
| Materials | Materials — only on accounts that use Parts and have Materials turned on. |
| Invoices | Invoices — only on accounts that use Parts and have Invoices turned on. |
| Units | Units — the equipment/asset list. |
| Inventory | Inventory — parts on the shelf. Only on accounts that use Parts. |
| Settings | Settings — opens the account's user list in Settings. Only for a role with the Manage account permission. |
| Profile | Profile — the signed-in user, and where Sign out lives. |
Every user's role can open the pages from Tasks to Units that their account has. Gearflow turns on Parts, Tools, Materials and Invoices for an account. Whatever the user can reach, they can pin.
#Messages and notifications on a phone
The desktop top bar does not show on a phone. Instead, the header of each main list page (for example Tickets, Tasks, Equipment and Units) has two buttons at the top right:
- Direct messages — opens your conversations. Where Gearflow has turned on the combined Messages page for you, this button opens Messages.
- The bell — opens your notifications, with an unread count.
The two buttons fade out when you scroll and the header collapses.