Skip to content
Developer home
X3

Application design

  Less than to read

The single-page application that we develop will look similar to the following:

App design

For this design model, you will create the following components:

  1. Logo and menu component – This contains the Sage logo and an Order drop-down for displaying a history of orders.
  2. Menu title – Displays the title.
  3. Customer filter component – Allows you to select the customer to filter as well as ability to show or hide closed orders for the customer.
  4. Order detail component – This has a table for displaying all orders and a Detail link for displaying the product details.
  5. When you click Detail in the table, a sidebar appears with the product details of the sales order will look like this:

App design


Steps