diff --git a/docs/mobile-app-guide/core-features/README.md b/docs/mobile-app-guide/core-features/README.md index e26a9d4274f..1c3e607eca6 100644 --- a/docs/mobile-app-guide/core-features/README.md +++ b/docs/mobile-app-guide/core-features/README.md @@ -36,6 +36,7 @@ The following core features are available in the mobile app: | [Work Packages](work-packages)| Create, view, and edit work packages directly from the app. Work packages are organized for quick access and easy collaboration. | | [Notification Center](notification-center) | Receive updates about comments, mentions, and work package changes — ensuring you never miss an important activity. | | [User Settings](user-settings) | Configure your account, manage app preferences, and tailor notifications to suit your workflow. | +| [Tablet support](tablet-support) | Use OpenProject mobile app on tablets. | > [!TIP] > For a seamless experience, use the mobile app alongside the web or desktop version of OpenProject. The app is designed as a companion, so you can stay informed, respond quickly, and keep your projects moving — even when you’re away from your desk. \ No newline at end of file diff --git a/docs/mobile-app-guide/core-features/tablet-support/README.md b/docs/mobile-app-guide/core-features/tablet-support/README.md new file mode 100644 index 00000000000..24bda328e2b --- /dev/null +++ b/docs/mobile-app-guide/core-features/tablet-support/README.md @@ -0,0 +1,31 @@ +--- +sidebar_navigation: + title: Tablet support + priority: 750 +description: Tablet support and split-screen navigation. +keywords: Mobile app tablet support, tablet ui, tablet, split screen tablet, tablet navigation +--- + +# Tablet support and split-screen navigation + +The OpenProject Mobile App is optimized not only for smartphones but also for larger devices such as **tablets**. The adaptive interface automatically adjusts to the available screen size, providing a more spacious and productive layout on tablets. + +![Work package full view on a tablet device](work-packages_split-screen.png) + +## Split-screen navigation + +On tablets, the mobile app uses a **split-screen layout** that allows you to keep lists and detailed views visible at the same time. + +This makes it easier to navigate through projects and work packages without constantly switching between screens. + +With the split-screen layout you can: +* View a **list of projects or work packages** on one side of the screen. +* Open the **details of a selected project or work package** on the other side. +* Navigate through items while keeping the list visible. +* Quickly switch between work packages when reviewing or updating tasks. + +This layout helps maintain context while browsing and makes it easier to work with multiple items in sequence. + +![Work package list with a work package open on a split view on a tablet device](work-packages_list.png) + +The tablet interface therefore provides a navigation experience that is closer to the desktop version while remaining fully optimized for touch interaction. \ No newline at end of file diff --git a/docs/mobile-app-guide/core-features/tablet-support/work-packages_list.png b/docs/mobile-app-guide/core-features/tablet-support/work-packages_list.png new file mode 100644 index 00000000000..c15280945ad Binary files /dev/null and b/docs/mobile-app-guide/core-features/tablet-support/work-packages_list.png differ diff --git a/docs/mobile-app-guide/core-features/tablet-support/work-packages_split-screen.png b/docs/mobile-app-guide/core-features/tablet-support/work-packages_split-screen.png new file mode 100644 index 00000000000..b4f6d1f7e37 Binary files /dev/null and b/docs/mobile-app-guide/core-features/tablet-support/work-packages_split-screen.png differ