Note
Access to this page requires authorization. You can try signing in or changing directories.
Access to this page requires authorization. You can try changing directories.
When you design application pages for the Business Central tablet client and the Business Central phone client, consider the size of the tablets or phones that your users can access. It's an advantage if the solution works well on both small and large screen sizes, but also consider the most frequently used screen sizes for your user experience.
Designing for small screens can be more challenging, because pages show fewer fields, columns, and tiles. Therefore, a good way to identify issues on how your application pages are displayed is to test on the smallest supported screen size.
Form factor considerations
Users can scroll both the navigation and the content area of the Business Central Mobile App on a tablet to access all data for a given page. However, keep scrolling in the navigation bar to a minimum. The navigation bar is the area on the left side of Business Central Mobile App, and it's designed to provide easy access to important information and tasks that the user shouldn't lose sight of when scrolling in the content area.
On phones, the Business Central Mobile App displays only one part at a time on the Role Center. On the Home page, the Activity tiles always display first, and you use the bottom menu to explore the content area.
Guidance for page element types on smallest tablet devices
The following table provides a list of elements that fit in the page content or the app bar without scrolling.
| Page Type | Displays on smallest tablet device |
|---|---|
| RoleCenter | 4 tiles in 1 group, or 2 groups together with 2 tiles |
| List Pages | 5 columns of type Text50 or 8 columns of type Text20 |
| Card Pages | - CardPage Factbox with up to 15 fields - 2 CardPage with up to 6 fields each - Activities Factboxes with 4 tiles in 1 group, or 2 groups together with 2 tiles |
| Document Pages | - CardPage Factbox with up to 15 fields - 2 CardPage Factboxes with up to 6 fields each - Activities Factboxes with 4 tiles in 1 group, or 2 groups together with 2 tiles |
Testing by using a browser
You can use a browser to test how your application pages look on various device sizes. Learn more in Opening the Business Central tablet or phone client from a browser.
When you run the Business Central tablet client or Business Central phone client in a browser, you can use Microsoft Edge DevTools to emulate different screen sizes. Learn more in Microsoft Edge DevTools.
Related information
Deciding on your tablet and phone strategy
Differences and limitations when developing pages for the Business Central mobile app
Displaying data as tiles
Gesture property