I need to display a list of items from a dessert product inventory for the user to make selections from to process an order. The goal is to match the diagram in the attached image. This could be achieved relatively easily in Traditional UI with a repeating dynamic layout, and some local actions, but on Constellation I can so far only choose between a table and a plain field group.
I currently have a List data page “D_GetItems” to retrieve the data from an external database, and I’ve been able to achieve the table display in the attached image. However, the tabular format is obviously not user-friendly for this use-case (having an image of the product from a URL is a must). Additionally, the “Item Inventory” property is set to be sourced from the GetItems data page, and the system automatically assigns it the Query type.
Ideally, the user will be able to select their items from the externally sourced list and set the quantity, then a data transform will copy those items into the “Selected Items” list, which can be used to calculate the order total and can be displayed on a review/payment screen. So far, a field group is not working with the REST Connector and also has no checkbox to select items.
@GraftonL17181530
Existing pattern only supports tabular structure for data reference fields. We can use custom components from UI galley to extend the behavior. Please refer to this article - Compare and Select Pattern for more details.
@GraftonL17181530
This can be implemented using Pega DX component similar to Card Gallery. Please find the example
@Aditi Mehta
Thank you for your response. I had to do some reading on custom DX Components, but that linked article is quite interesting!
@RameshSangili
Thank you for your answer, I had to read up a lot on Constellation DX API and now understand the situation better.
Unfortunately, as I am currently working out of Community Edition (which lacks a command line and accessible file system), I believe I will not be able to implement the behavior in my current environment. However, I appreciate knowing how I could make this work in the future!
@GraftonL17181530 you can setup the dx component builder on your local machine and then push those dx components in your community edition as well. It works.
@GraftonL17181530 To configure a non-tabular list of selectable data objects in Constellation, use a “Field Group List” control. Define the data objects and configure the layout to display them in a selectable format, such as a grid or card layout, depending on your UI design requirements.
