Skip to main content

14. Maker Course - Create Workspace App Pages

Video Walkthrough

Follow Along:

Create and Configure the Requester Workspace App Page

  1. From the module builder, select the solution name in the upper left. The Solutions screen displays.

  2. In the left panel, locate the Workspace App section and select the plus icon, +. The Create New Workspace App Page window displays.

  3. Enter the following field values:

    • Name - "My Orders"

    • Select icon - Select an icon if desired

    • URL ID - "my_orders"

    When finished, select Create Page. The workspace app page is created.

  4. Select the newly created page in the left panel. The Workspace App screen displays.

  5. Select Edit on the My Orders page. The page builder displays.

  6. Select the page configuration button, ws_app_page_settings.png, on the left. The Page Configuration panel displays.

  7. Scroll down to the Main Call to Action field, select the dropdown, and select the Intake Interface Accessed sequence. The action button is added to the page.

  8. On the newly added sequence in the Main Call to Action field, select the three dots icon, three_dots.png, and select Edit action label. The Action Configuration window displays.

  9. Enter a custom Label for the button: "Place New Order". When finished, select Save. The Action Configuration window closes.

Add Items Table Widget

  1. In the widget panel, select the Items Table widget. The Items Table widget is added to the page and the widget properties panel displays.

  2. Rename the Title to "My Orders".

  3. Scroll down to the Items section, select the Module dropdown, and select the Intake module.

  4. Select the Drill down interface dropdown and select the Request Details interface.

  5. In the Filter and sort items condition group, set a new condition to only display items where Submitting User is Equal to View email.

  6. Turn on the Display column filters toggle.

  7. In the Table Fields section, de-select the Show / Hide all fields checkbox to remove all fields from the widget.

  8. Select the new field dropdown at the bottom of the list and select the Plushy Type field to include it in the Items Table widget. Repeat this process for the following fields:

    • Submitting User

    • Required By Date

    • Order Created On

  9. Select the default Status field checkbox to include it in the widget, and use the field arrows to reposition it below the Plushy Type field.

  10. Select the solution name in the upper left to return to the Workspace App screen.

Create and Configure the Admin Metrics Workspace App Page

  1. On the Workspace App page, select + Add Page. The Create New Workspace App Page window displays.

  2. Enter the following field values:

    • Name - "All Orders"

    • Select icon - Select an icon if desired

    • URL ID - "all_orders"

    When finished, select Create Page. The workspace app page is created.

Add Key Metrics Widget

  1. In the widget panel, select the Key Metrics widget. The Key Metrics widget is added to the page and the widget properties panel displays.

  2. In the widget properties panel, scroll down to the Fields section, select the dropdown, and select the Count of Requests global field.

  3. Rename the Title to "Number of Orders Submitted".

Add a Chart Widget

  1. In the widget builder, select the + Add Widget button. The Add Widget panel displays.

  2. Select the Chart widget. The Chart widget is added to the page and the widget properties displays.

  3. In the Chart section, select the Categorical Data Type.

  4. In the Fields section, select the dropdown and select the Count of Request Per In/Out of Stock global field. The chart displays in the widget.

  5. Select the Display option that you prefer.

  6. Rename the Title to "Number of Orders In/Out of Stock".

Add an Items Table Widget

  1. In the widget builder, select the + Add Widget button. The Add Widget panel displays.

  2. Select the Items Table widget. The Items Table widget is added to the page and the widget properties displays.

  3. Rename the Title to "All Orders".

  4. Scroll down to the Items section, select the Module dropdown, and select the Intake module.

  5. Turn on the Display column filters toggle.

  6. In the Table Fields section, de-select the Show / Hide all fields checkbox to remove all fields from the widget.

  7. Select the new field dropdown at the bottom of the list and select the Plushy Type field to include it in the Items Table widget. Repeat this process for the following fields:

    • Submitting User

    • Required By Date

    • Order Created On

  8. Select the default Status field checkbox to include it in the widget, and use the field arrows to reposition it below the Plushy Type field.

Update Settings to Restrict Page to Admins (Optional)

If you have business groups configured in your board (either directly in Tonkean or imported from an identity provider), you can restrict access to the admin metrics page:

  1. Select the page configuration button, ws_app_page_settings.png, on the left. The Page Configuration panel displays.

  2. Select the Allowed Business Groups dropdown and choose the relevant admin business group.

Preview the Workspace App

  1. Select Preview in the upper right. A preview version of the workspace app opens in a new browser tab.

  2. Explore the widgets in each page, checking widget filters and drilling down into specific requests.

You've created a workspace app complete with two custom pages, each designed for a different persona. Next, finally, we will publish the solution and make our process available to users.

Next Step:

15. Maker Course - Publish the Solution