Mobile catalog items

The mobile app UI provides a native mobile interface for browsing service catalog items.

Figure 1. Elements of the mobile UI: catalog item
Sample catalog item screen with callouts.

The mobile interface for a mobile catalog item consists of the following elements.

Table 1. Elements of the mobile UI: catalog item
UI element Description
Current item Displays the name of the currently selected catalog item.
Back button Returns to the previous screen.
Item description Displays the catalog item description.
Item variables Displays input fields appropriate to the catalog variable type.
Add to cart button Adds the current item to shopping cart.
Shopping cart Displays the shopping cart to check out.

The mobile app UI displays an input type appropriate to the catalog variable type. For example, for a choice variable the mobile app UI displays a list of choices.

Figure 2. Sample catalog variable input

The mobile interface for selecting and entering variables consists of the following elements.

Table 2. Elements of the mobile UI: variable input
UI element Description
Current variable Highlights the currently selected variable.
Previous or next variable Navigate to the previous or next variable input available for the catalog item.
Variable choices Select the choice to use for the catalog item. Swipe to see more choices.
Done button Close the list of variable choices.