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.
Previous topic Previewing a portal Next topic Adding, editing, and deleting a preview device