Web Mobile
Optimal mobile experience with PWA, touch interface, and offline support
Web Mobile Overview
Web Mobile module optimizes Odoo for mobile devices with responsive design, touch gestures, and Progressive Web App capabilities.
Provides near-native app experience with offline support, push notifications, and home screen installation.
Key points
• PWA: Progressive Web App with offline capabilities
• Touch Interface: Optimized for touch interactions
• Responsive Design: Auto-adapt layout for all screen sizes
• Offline Mode: Cache data for offline access
• Push Notifications: Real-time notifications on mobile
• Home Screen Install: Add to home screen like native app
• Camera Integration: Access camera for barcode scanning, photos
• Geolocation: GPS integration for location-based features
PWA Features
Key points
• Service Worker: Cache assets and data for offline access
• App Manifest: Define app name, icons, theme colors
• Install Prompt: Prompt users to install app
• Splash Screen: Custom splash screen on app launch
• Standalone Mode: Run fullscreen without browser UI
• Background Sync: Sync data when back online
• Push Notifications: Receive notifications when app closed
Mobile-Optimized Views
View optimizations for mobile
| View Type | Mobile Optimization |
|---|---|
| Form View | Single column layout, larger touch targets, collapsible sections |
| List View | Swipe actions, pull-to-refresh, infinite scroll |
| Kanban View | Touch-friendly cards, swipe between columns |
| Calendar View | Touch gestures for navigation, simplified day view |
| Search Panel | Collapsible filters, bottom sheet on mobile |
Best Practices
Key points
• Design mobile-first, then scale up for desktop
• Touch targets minimum 44x44px
• Use bottom navigation for mobile
• Minimize text input, prefer selections
• Cache critical data for offline access
• Optimize images for mobile bandwidth
• Test on real devices, not just emulators