All Solavel apps run in a mobile browser; there is nothing to install from an app store. Layouts adapt to phones and tablets, but some apps are built for desktop first. This page explains what to expect in each app and how navigation changes on small screens.
App by app
| App | Phone experience | Navigation on small screens |
|---|---|---|
| Solavel portal | Fully responsive. | Open menu button in the top bar opens the sidebar as a drawer. Escape or choosing a page closes it. |
| SolaCount | Responsive. Best for viewing, approving and quick entries; large reports are easier on a desktop. | At 1024 px wide or less the sidebar becomes a drawer. Open it with the menu button and close it with Close navigation or Escape. |
| SolaProjects | Responsive. Can be added to the home screen (web app manifest). | Hamburger drawer that closes when you pick a page and also when the window width changes (for example when you rotate a tablet); a height-only change such as the keyboard opening does not close it. Project tabs scroll sideways. In the top bar, language, theme and notifications move into the account menu and the menus open as a full-width panel under the bar. |
| SolaHR | Responsive. The employee attendance link is designed for phones and asks for location permission. | Burger button opens a drawer with an overlay. |
| SolaStock | Desktop-first. Use a tablet or laptop for warehouse work; wide tables scroll sideways on phones. | Collapsible sidebar; no separate phone drawer. |
| SolaFone | Built for phone and counter use: POS search, camera scanning, repair intake. | Drawer navigation. |
Tips for small screens
- Use filters and search before scrolling long lists.
- Turn the phone sideways for wide tables and reports.
- Row actions often move into a ⋯ menu; tap it to see Edit, Delete and other actions.
- Save before opening the menu drawer or changing pages.
- If a dialog's buttons are off-screen, scroll inside the dialog.
- The portal's dark mode and language menu work the same on phones (top bar).
Add to home screen
- iPhone (Safari): Share → Add to Home Screen.
- Android (Chrome): ⋮ → Add to Home screen or Install app.
This works for any Solavel address. SolaProjects opens like an app because it has a manifest.
Connection drops
Mobile networks drop often. If an action's answer is lost, you see Status not confirmed. Tap Check current status and look before trying again, so you don't post or pay twice. When offline: "You are offline. Reconnect to load current information." See Notifications and feedback.
Worked example
Khalid receives a delivery at the Jebel Ali warehouse. He uses a tablet in landscape for SolaStock receiving, because the receiving table is wide. Huda approves two leave requests from her phone in SolaHR: burger menu → Leave → Approve. Mariam checks the SolaCount dashboard on her phone on the way to a meeting.