Drag and Drop Scheduling
DrillerDB's drag-and-drop scheduling interface makes it fast and clear to organize, reorder, and reschedule your work. Simply click and drag projects to new positions, dates, or assignments to update your schedule in real-time.
Click and hold a project item
Drag to new position/date/team
Release to drop
System validates and saves
Following projects cascade automatically
Basic Process
Step Action 1. Click and hold Start the drag operation 2. Drag Move to desired location 3. Release Drop and save change 4. Validate System checks for conflicts 5. Cascade Following projects adjust
Works Across All Views
View Drag Action List View Reorder within team, move between teams Calendar View Move to new date/time Gantt View Move along timeline, resize duration
Within a Team
Action Result Drag up Earlier in sequence, earlier date Drag down Later in sequence, later date Drop in position Dates recalculate for all projects
Step-by-Step: Reorder in List
Find the project to move
Click and hold on the project row
Drag up or down in the list
Watch for drop zone indicator
Release when in desired position
All dates recalculate automatically
Between Teams
Action Result Drag to different team Project reassigned Original team Schedule recalculates New team Project added, dates set
Step-by-Step: Move Between Teams
Click and hold project in source team
Drag to target team's card
Position in desired spot
Release to drop
Both teams' schedules update
When moving between teams, drop the project in the position where you want it in the new team's sequence.
In Month View
Action Result Drag to new day Changes scheduled date Drop on same team Updates date only Drop on different week Moves to that week
In Week View
Action Result Drag to new day Changes date Drag to new time Changes start time Resize edges Adjusts duration
Step-by-Step: Calendar Reschedule
Locate event block on calendar
Click and hold
Drag to new date/time cell
Event snaps to valid slot
Release to confirm
System validates and saves
Resizing Events
Drag Edge Effect Right edge right Increase duration Right edge left Decrease duration Left edge Adjust start time (Week View)
Moving Along Timeline
Drag Direction Result Drag left Schedule earlier Drag right Schedule later Release Snaps to work day
Step-by-Step: Gantt Reschedule
Click and hold project bar
Drag left (earlier) or right (later)
Ghost bar shows new position
Release on target date
System validates and saves
Resizing Bars
Drag Action Effect Expand right edge Increase estimated hours Shrink right edge Decrease estimated hours Bar lengthens/shortens Duration changes
Resizing a bar changes the project's estimated hours. This affects the project record, not just the schedule display.
What is Cascade?
When You Following Projects Move earlier Shift earlier (if room) Move later Shift later Make longer Shift later Make shorter Shift earlier (close gap)
How Cascade Works
Step Description 1 You move/resize a project 2 System identifies following projects 3 Dates recalculate for each 4 Sequence maintained 5 No gaps or overlaps
Working Days Respected
Scenario System Behavior Cascade lands on weekend Moves to Monday Cascade lands on holiday Moves to next work day Outside working hours Adjusts to next valid time
What Gets Validated
Check Prevents Overlap detection Double-booking team Working hours Scheduling outside business hours Work week Scheduling on weekends Resource availability Conflicts with other assignments
Error Messages
Error Meaning Solution "Scheduling conflict" Would overlap Choose different date "Non-working hours" Outside work day Move to valid time "Team unavailable" Team has conflict Choose different team
Step-by-Step: Handle Validation Error
Attempt drag operation
System detects invalid move
Project returns to original position
Notification explains why
Try alternative position/date
Touch Gestures
Gesture Action Press and hold Start drag Drag finger Move item Lift finger Drop and save
Mobile-Specific Features
Feature Benefit Larger drop zones Easier targeting Visual feedback Shows drop position Haptic feedback Confirms actions (if enabled)
Step-by-Step: Touch Drag
Press and hold project item (wait for haptic/visual feedback)
Drag finger to new position
Watch for drop zone highlight
Lift finger to drop
System validates same as mouse
How Updates Work
Scenario Behavior Single change Saves immediately Rapid changes Groups into batch Batch saves Single server transaction
Visual Indicators
Indicator Meaning Saving spinner Update in progress Green check Save successful Red warning Error occurred
Wait for the saving indicator to complete before making additional changes to avoid conflicts.
Automatic Recovery
Situation System Response Validation fails Returns to original position Server error Reverts change, shows notification Connection lost Queues change for retry
Manual Recovery
Need To How Undo a move Drag back to original position Reset schedule Refresh page for server state Start over Contact admin to restore
Drag not starting?
Ensure clicking directly on the item
Try clicking and holding longer
Check browser isn't blocking drag events
Project snapping to wrong position?
Release more precisely over target
Zoom in for more control
Use keyboard shortcuts if available
Changes not saving?
Check internet connection
Wait for processing indicator
Refresh and try again
Cascade moving too many projects?
This is by design for sequencing
Adjust individual projects as needed
Consider if original move was correct
Touch not working on mobile?
Press and hold longer before dragging
Ensure touch isn't registering as scroll
Try single-finger drag