Technician Timeline Screen
The technician timeline is a horizontal day or week board: each technician is a row, and each job is a block on that row. Drag a block to reschedule it or move it to another technician. Use it when you need the whole crew's day on one screen, including gaps and overlaps, instead of opening jobs one at a time.
Key Features
Drag & Drop
Reschedule with a drag
Technician Rows
Each row = one technician
Day/Week Toggle
Single day or full week
Hover Details
Full info on hover
Layout
- Left Column: Technician names with color indicators and work hours
- Main Area: Time slots with job blocks positioned by time
- Job Blocks: Color-coded by technician, width = duration
- Current Time: Red vertical line shows the current time
Drag & Drop Scheduling
Grab a Job
Click and hold any job block on the timeline
Drag to New Time
Move horizontally to change the time, vertically to change technician
Confirm
Release to drop. A dialog shows the new schedule for confirmation.
Done!
The job is rescheduled and the customer can be notified automatically
If you drop a job at a time that conflicts with another job, you'll see a warning. The system checks for overlapping appointments.
Day vs Week View
Day View
- Shows single day in detail
- Time slots from 7 AM to 7 PM
- Best for daily planning
- Larger job blocks, more details visible
Week View
- Shows full 7-day week
- Compact job indicators per day
- Best for weekly overview
- Hover for job details
Toggle between views using the Day / Week buttons in the header.
Technician Information
Hover over a technician's name to see:
- Starting Location: The technician's home address/start point
- Today's Jobs: List of scheduled jobs with times
- Job Locations: Where each job is located
The technician's color is used consistently throughout the app - on job cards, routes, and reports.
Job Cards
Each job on the timeline shows:
8:30 AM
test
Elijah Johnson
⚠ 9:30 AM
Service Call - ...
Elijah Johnson
11:00 AM
Service Call - ...
Sarah HVAC
- Job Number & Title
- Time - Scheduled appointment time
- Customer Name
- Location - City and state
Jobs with red backgrounds indicate scheduling conflicts. The ⚠ icon warns of overlapping appointments.
Click any job to open the job detail page. Drag to reschedule.
Tips & Tricks
- Quick Reschedule: Drag a job to a different time slot. The system calculates the new time based on where you drop it.
- Reassign Technician: Drag a job from one technician row to another to reassign it.
- View Conflicts: Jobs at the same time are shown side-by-side, making conflicts visible at a glance.
- Keyboard Navigation: Use arrow keys to navigate between days when the date picker is focused.