Question
Centene Corporation
US
Last activity: 5 Aug 2024 12:20 EDT
Can we customize constellation table display
Is there a way to extend/override/customize table/list display in Pega Constellation? We need this in order to add buttons to the rows display for example. We may likely have to develop Custom DX component for this but not sure where to get started for this particular component/layout/widget.
Accepted Solution
Updated: 5 Aug 2024 12:20 EDT
Pegasystems Inc.
CA
I would recommend exploring Optional Actions to perform these actions with the help of single/multi-select based on your requirements. These are additional actions that may be performed during the case workflow.
Another option: We can have a radio button (Assign/Approve/None), and based on selection you can perform the necessary actions in Flow Action Post Activity
Updated: 18 Jul 2024 15:04 EDT
Pegasystems Inc.
CA
We can't customize the table views in Constellation. I think you have to use Template for your requirements.
Please find the example:
Pegasystems Inc.
GB
You can change the configuration of the table to a certain extent using the authoring options available in App Studio. I suspect though that you are talking about more significant customization than is possible there.
What outcome do you want to achieve by adding a button to the rows? Is it possible that it could be configured another way usingg OOTB Constellation design patterns?
Maybe some of these previous discussions will help:
How to Add a customized button in Pega constellation? | Support Center
Constellation DX Components - How to add custom element in Constellation | Support Center (pega.com)
Centene Corporation
US
@Marc Alderman We like most of the functionality provided by the constellation table like the way filtering works, show/hide columns, views etc. But it lacks the ability for users to take actions at the row-level (like I want to assign, approve, etc.) which we used to do in traditional UI table with using a control like split-button menu. Our users definitely need this.
I am afraid building a custom table component in ReactJS from scratch just to achieve this (or similar) functionality will be much greater effort (as OOTB constellation table comes with lot of neat features) than if we have a way to extend or override how the OOTB constellation table renders the rows, maybe, with a custom DX component. Please suggest a way forward to solve this issue.
Pegasystems Inc.
CA
Can you please check if you can use Optional Actions and display the multi-select table view so the end user can assign/approve it?
If that's not an option, the solution would most likely be to build a DX component since you're looking to add buttons at the row level.
Thanks,
Centene Corporation
US
@RameshSangili I understand most likely a DX component is needed. My question is if there is a way to extend the Table component that pega provides to add this to its row rendering or we need to start from scratch with a RectJS table??
Pegasystems Inc.
GB
With a DX Component you cannot extend an existing OOTB component.
What sort of data are you using for the table? Is it embedded, reference data, a list of cases? To give an example...
If you configure a data reference then you have the option to have a multiple selectable rows, see: Configuring fields associated with Case and data objects (pega.com)
With the rows selected, you could now take further action based on these selections.
If you are looking at a list of cases in a landing page then we have bulk actions functionality: Bulk actions in Constellation (pega.com)
Depending on the outcome that you want to achieve then the design pattern that may be best to achieve it will be different.
Centene Corporation
US
@Marc Alderman It is a list of records/data we fetch from a DB stored proc call. We need to give users ability to take some actions on these items (preferably, without needing to make selection again as these actions are mostly for one row, not multiple rows).
Please suggest the best way to achieve this in Constellation table component.
Accepted Solution
Updated: 5 Aug 2024 12:20 EDT
Pegasystems Inc.
CA
I would recommend exploring Optional Actions to perform these actions with the help of single/multi-select based on your requirements. These are additional actions that may be performed during the case workflow.
Another option: We can have a radio button (Assign/Approve/None), and based on selection you can perform the necessary actions in Flow Action Post Activity