How to enable validation inside a Add/Edit Modal view (Constellation)

We are evaluating if Constellation design system is a good fit for our workflow, there’s a common scenario where user needs to add/edit items of a table using a modal window, how do we enable a complex validation that triggers when users submit the modal window.

For example, consider flow action (or step) form view has a CustomerList table with first name, last name, email. Users can Add/Edit those using a modal window. How do we enable a validation inside that modal window? (In traditional design system we used to do this using Modal window flow action)

We have enabled Flow action (or step) validation, that stops user when they hit submit (on the step level), however we need to validate user input when they submit on the modal window, is this possible to configure with Constellation?

Thanks, Sandeep

@Sandeep_Ghosh We can try adding validation in the Use Validate field available in the Advanced tab of the property

@nalls3

The scenario is complex and we need to compare multiple property values to trigger the validation, I don’t see any option in Constellation to trigger validation on the submit of modal window.

@Sandeep_Ghosh

You can add Validation rule in “Data Save Options” in Savable data page

@Sandeep_Ghosh

Add the Default Data source in your Data Type (This will trigger the savable data page when Adding/Modifying)

In my case View is configured as a Data object with “Table” and added the List Data page

@SameeraS - Thanks for explaining, few more questions, How did you add this ListView to the actual CaseType Step? Did you create any field of type DataReference/EmbeddedData/Query etc on the CaseType?

My scenario is, I intend to save a list of employee inside the case (which user can manually add from the UI).

@Sandeep_Ghosh

You can follow the below steps

  1. Go to Configure View in your case type

  2. Add a View and click on “Create New View”

  3. Select “Table”

  4. Configure the table view and make sure you add correct List Data page and enable Add edit delete options as your requirement

  5. Save the View and try to run your case type ans see the behaviour

@SameeraS Hi sameera, I am not able to replicate the same(validation). i am using this for screen flow. it is applicable for screenflow or only for process flow?

@SameeraS – This is great! Can you please share some more details on where you configured the Savable DataPage to get trigger? The Field on which you are building the list, It’s of type “Embedded Data”?