Using the Dashboard on Mobile
Understand how the dashboard adapts to phones and tablets, including stacked cards, touch gestures, and mobile-specific tips.
Understand how the dashboard adapts to phones and tablets, including stacked cards, touch gestures, and mobile-specific tips.
This guide explains how the JobsiteOn dashboard looks and works on mobile devices. You will learn how the layout adapts, what gestures are available, and tips for getting the most out of the dashboard on a smaller screen.
On screens smaller than 768px, the dashboard switches to a single-column layout:
Screenshot: iPhone screen showing the dashboard with three KPI cards stacked vertically: Revenue ($47,250) at the top, Pending Quotes (12) in the middle, and Outstanding Invoices ($23,500) at the bottom
Tap any KPI card to navigate to the detailed view, just like clicking on desktop. The sparkline is visible but smaller. If you need to read the exact trend, tilt your phone to landscape mode for a wider sparkline.
Tip: In landscape orientation, the dashboard shows two KPI cards side by side, making comparisons easier.
The job pipeline displays as a horizontal scrollable strip on mobile. Swipe left and right to see all five stages.
Animation: A finger swiping left across the job pipeline strip on a phone screen, scrolling from "Lead/RFP" through "Proposal Sent", "Approved", "In Progress", to "Closeout/Lien" with stage counts visible on each
The Active Jobs table converts to a card layout on mobile. Each job appears as a card showing:
Tap any card to open the job detail page.
Screenshot: Mobile Active Jobs section showing three stacked job cards with rounded corners, each displaying the job name, a colored status pill, team member avatar, and date
The date filter button is at the top of the dashboard. Tap it to open the preset list as a bottom sheet. Selecting a custom range opens a calendar picker optimized for touch.
Note: The custom date range calendar picker uses large touch targets so you can easily tap specific dates even on smaller phone screens.
Did this answer your question?