Customizing Information Screen Elements

You can add elements that display on the information screen of your custom mobile process. On a mobile page, you can set up the elements for the data that you can retrieve from the page. The data appear on the information screen of each succeeding page within the process flow.

For example, the standard Enter PO and Enter Item mobile pages of the PO receiving process each have elements for the information screen. Information screen elements on the Enter PO page retrieve the purchase order details. These details appear on the information screen of the Enter Item page, which in turn retrieves the item details. The information screen on the Enter Quantity page displays all the details from the previous two pages.

Data from the mobile page are stored in the state, which makes them available for the screen. You can retrieve stored data from the keys in either of the following state paths:

For more information about mobile states, see Working with Mobile States as Data Source.

Aside from specifying the data source, you can also customize the layout and display order on the mobile page. When adding elements to an information screen, note the following customization guidelines:

For more information about element layout and display settings, see Arranging Page Elements.

To customize information screen elements:

  1. Access the mobile page on which you want to set up the information screen element:

    1. Using the Administrator role, go to Setup > Custom > Mobile - Applications.

    2. On the Mobile - Applications List page, click View next to the mobile app.

    3. On the Mobile - Process List page, click View next to the custom mobile process that contains the page.

    4. On the Mobile - Process page, on the Pages subtab, click the page name.

  2. On the Mobile - Page page, do the following:

    1. Click the Information Screen Elements subtab.

    2. To add an element, click New Mobile - Info Screen Element. If you want to modify an existing element, click Edit next to it.

  3. On the Mobile - Info Screen Element page, set values in the following fields:

    • Name – Enter a unique name for the element.

    • Label – Select an existing label or create one.

    • Is Dynamic – Check this box to indicate that the data in the element is dynamic. NetSuite retrieves the value through the path at each screen load.

  4. To configure the data source, in the Path field, enter the state path to the key that contains the data you want to show in this element.

    To set up the image from an item’s record, you can retrieve the image using one of the following default paths:

    • state:dataRecord:scriptParams:imageUrl – key for the image of a regular item

    • state:dataRecord:scriptParams:info_imageURL_lineitemsubitemof– key for the image of a kit item component

  5. To customize the position and display settings, set values in the following fields:

    • Layout – Select either Block or Inline.

    • Page – (Optional) Select the mobile page from which you want to retrieve the data that display on the succeeding pages.

    • Display Order – Enter the number that indicates the element’s position with regard to other elements on the screen.

    • Show If No Value – Check this box if you want to display this element even if it has no data to show.

  6. Click Save.

    You can repeat steps 2 to 6 to edit or add more elements to the information screen.

  7. After you complete your mobile process customizations, make sure you update the app.

    See Compiling Mobile Customizations.

On the mobile app, you can view the information screen by tapping the info Info icon on a page.

Related Topics

SCM Mobile Setup
SCM Mobile App Customization
Customizing Mobile Processes
Customizing Mobile Pages
Customizing Mobile Page Elements
Customizing Mobile Table Elements
Adding Columns to Table Elements
Mobile Device Basics for NetSuite WMS

General Notices