Page Layout Types

When creating a page in the Component REST AppBlock, you must choose one of the following Page Layouts:

  • List
  • Detail
  • Input
  • Search/Filter

 

List

The List Page Layout is used to display a list of items with a screen-width row for each item.  The app user can scroll up and down.  The app user can tap a row and go to another page.  The REST service method is GET.

For example, if you wanted to make a company directory section in your app, you would create a List page to show a list of employees with basic information for each one.  You would set the row target to a Detail page, which would contain more detailed information on a single employee.

The List canvas has essentially the same behavior in a Component REST AppBlock as it does in a Flex AppBlock.  The only difference is that headers and footers are not allowed on a Component REST AppBlock List canvas.

Detail

The Detail Page Layout is used to display data for a single item on a full-screen page.  The REST service method is GET.

For example, if you wanted to make a company directory section in your app, you would create a Detail page to show information for a single employee.  You would set this page as the row target of a List page which showed multiple employees.

The Detail canvas has the same behavior in a Component REST AppBlock as it does in a Flex AppBlock.

Input

The Input Page Layout is used to allow the app user to enter data on a full-screen page.  The REST service method can be PUT or POST.

For example, if you wanted to make a company directory section in your app, you could create an Input page to let the app user add a new employee (POST).  You could also create another Input page to let the app user update an existing employee (PUT).

Click here for more on Input pages in a Component REST AppBlock.

 

Search/Filter

The Search/Filter Page Layout is used to allow the app user to search for items and/or filter by category.  Unlike the other layout types, when you create a Search/Filter component, you will have 2 pages - a Search page and a Results page.  A Search page behaves similarly to an Input page, and a Results page behaves similarly to a List page.

Click here for more on Search/Filter in the Component REST AppBlock.