Apex Designer Documentation
What's New
Getting Started
Business Objects
User Interfaces
App Behaviors
Project Settings
Patterns and Best Practices
App Showcase
Frequently Asked Questions

Create a Supplier Page

Create a page that manages a single object and add a base types and property.

Blank Profile Image
Written by David Knapp
Updated 2 years ago
3 min read

This lesson continues development of the Supplier Management app that you created in the prior lessons. You will create a Supplier Page to manage a supplier. You will add a status property to supplier with a list of valid values. Start your app manager if needed.

Create a Supplier Page

  1. Click User Interfaces on the ribbon and enter "su" in the "Add a page field...":
    Add Supplier page
    Notice that Apex Designer did not offer the "Suppliers" option again because you already have that page.
  2. Press enter to create the Supplier page:
    Supplier User Interface
    Notice that the page is "/suppliers/:supplier.id". The ":" indicates that this is a path parameter. "supplier.id" indicates that the parameter will be assigned to supplier user interface property.
  3. Add a Breadcrumb and Fields to the template:
    Add Supplier Breadcrumb and Fields
  4. Generate the page and try it out:
    Supplier page

Add the Locations

  1. Add a Heading 2 after the Fields element and set the innerText to "Locations":
    Locations Heading
    Notice that the attribute binding is "is" instead of "is evaluated from". That is because "Locations" is a constant vs a reference to a user interface property.
  2. Add a Nav List from the Dynamic Components library after the Heading 2 and enter "lo" in the array attribute value:
    Locations Nav List
    Notice that the autocomplete shows you supplier.locations. Press enter to select that option. After the supplier.locations option is selected, the array attribute binding will change to "is evaluated from".
  3. Add an "Add Field" after the nav list with array set to "supplier.locations":
    Add Locations "Add Field"
  4. Now we need to ensure that the locations are retrieved with the supplier. Click the "supplier" user interface property and enter "lo" in the "Add a configuration item..." field:
    Add "Include Locations" to the read configuration
    Apex Designer shows an "include" option for any model related to this model. Press enter to select "Include Locations".
  5. Set the Order for Locations to "name":
    Order Locations by name
  6. Generate the page and try it out:
    Locations on Supplier page

Add a Status to Supplier

  1. Click Business Objects on the ribbon and enter "supplier status" in the "Add a business object..." field and press enter:
    SupplierStatus Business Object
  2. Click the Settings icon button on the top right:
    SupplierStatus Settings button
    The SupplierStatus Settings dialog is opened.
  3. Click the "Type" field and select "Base Type":
    SupplierStatus Settings dialog
  4. Close the dialog and set "Native Type" to "string":
    SupplierStatus Base Type
  5. Configure the valid values as shown here:
    SupplierStatus values

Add Status to the Supplier Business Object

  1. Click Business Objects on the ribbon and click the Supplier business object to open it. Enter "status" in the "Add a property..." field:
    Add status property to Supplier Business Object
    Press enter to add the property.
  2. Generate the Supplier business object and try it out:
    Supplier page with status
    Notice that the Fields component on the Supplier page automatically added the Status field as a select field with the proper valid values.


You created a Supplier page with a breadcrumb and fields. You updated the suppliers UI property to bring in the locations as well. You added a heading, nav list and add field for the locations. Finally, you added a status property to Supplier using a new base type with valid values. Click the Next Topic link below to start the next lesson.

Powered by Apex Designer
Terms of ServicePrivacy Policy
© 2017-2024 Apex Process Consultants