Customizing a user portal in the phone preview
Customize the look and feel of your application by editing the sections of various pages directly from the phone preview of a user portal.
You can change the settings of all sections and add, edit, or reorder fields and buttons.When you preview a user portal on a mobile device, App Studio displays it in a mobile browser.
Most modifications to a user portal from the preview mode for desktop and mobile devices carry over to the mobile app. The following features are fully native to mobile apps and are separately configured:
- Global search
- Navigation UI
- The My Work list page
In the header of App Studio, prepare the phone preview:
In the portal list next to the application name, click User Portal.
Click the Phone preview icon.
- Optional:
To choose a specific phone model, select the model from the list of phones next to the phone preview icon.
Customize your portal:
Choices Actions Customize the case details In the navigation pane of App Studio, click Case types, and then click the case type that you want to open.
Enter the design mode by clicking Design in the upper-right corner.
Customize the case details.
For more information, see Customizing the case details section.
Customize the Home page In the bottom navigation bar of the phone preview, click Home.
Enter the design mode by clicking Design in the upper-right corner.
Hover over a Home page section, and then click the Edit this section icon.
Customize other available pages In the bottom navigation bar, click More.
From the list of pages, select a page.
Enter the design mode by clicking Design in the upper-right corner.
Hover over the required section of the selected page, and then click the Edit this section icon.
- Designing your user interface
Before you start creating the user interface in your application, learn about the available tools, best practices, and basic principles that drive user experience design.
Previous topic Configuring dynamic views Next topic Customizing the case details section