Main Layout
Qaptly uses a multi-window layout with the following structure:Left Navigation Sidebar
The left sidebar provides access to all main features:Navigation Icons (Top Section)
From top to bottom:Mode Toggle (Middle Section)
- Training Mode: For learning and practice
- Execution Mode: For actual test execution
User Section (Bottom)
- User Avatar: Click to access user menu
- View user information
- Switch groups
- Access Settings
- Logout
Window Switching
Using Navigation Icons
Click any navigation icon to switch to that window. The current window is highlighted.Breadcrumb Navigation
Some windows have sub-views with breadcrumb navigation:Common UI Elements
Header Bar
Most windows include a header bar with:- Window title: Current feature name
- Action buttons: Window-specific actions
- Status indicators: Connection status, sync status, etc.
Tab Navigation
Some windows (like Settings) use tabs:Dialogs and Modals
- Confirmation dialogs: Appear for destructive actions
- Form dialogs: For creating/editing items
- Information dialogs: Display details or help
Keyboard Shortcuts
Window States
Test Execution Window
The Test Execution window behaves differently:- Hidden by default: Only appears during active test execution
- Auto-shows: Automatically displayed when a test starts
- Can be minimized: Return to other tasks while test runs
Overlay States
Some operations show an overlay:- Loading overlay: During data loading
- Processing overlay: During AI analysis
- Countdown overlay: Before automated execution starts
Tips for Navigation
- Start with Remote Test Manager: This is the default landing page and central hub
- Set up devices first: Use Pilot Control before designing tests
- Use breadcrumbs: Navigate back easily in multi-level views
- Check status indicators: Keep an eye on connection and sync status