cancel
Showing results for 
Search instead for 
Did you mean: 

Help with Modal UI Logic and Selections

jarh15
Deputy Chef II
Deputy Chef II

Hi all,

I'm trying to build a user experience with modals where a user makes selections in two steps. I need help figuring out the best way to structure this interaction using Workato. Here's what I'm trying to achieve:

 

Step 1: First Modal – Choose Outcomes 

The first modal should present 6 outcome options. The user can select up to 3 of them. It should look like this:

Screenshot 2025-05-21 at 2.32.49 PM.png

Example selection: User picks Outcome 1, Outcome 4, and Outcome 5.

Step 2: Second Modal 

After the first modal, a second modal should open. This one displays the selected outcomes from step 1, and for each of them, a list of associated use cases (max 3 selectable per outcome).

So if the user selected Outcome 1, Outcome 4, Outcome 5

The second modal should look like this image:

Screenshot 2025-05-21 at 2.28.40 PM.png

 

1 ACCEPTED SOLUTION

If the modal is popping up as blank, please check the payload generated by the Python script.

The view_submission recipe does not need to be called from anywhere. This recipe will be the sole receiver of any custom view submissions. It will automatically get triggered independently in a separate recipe when you submit the modal in the original recipe. You just have to handle this triggered recipe separately, unlike the default modal where you get the response in the same recipe.

View solution in original post

14 REPLIES 14

gary1
Star Chef I
Star Chef I

How are you building the modals?

jarh15
Deputy Chef II
Deputy Chef II

@gary1 i am building them via slack workbotScreenshot 2025-05-21 at 3.10.31 PM.png

1dheeraj2
Deputy Chef III
Deputy Chef III

Hi @jarh15 ,

To the best of my knowledge, you can achieve this in two ways:

  1. When You Have a Condition to Select a Maximum of 3 (Simpler Approach):
    • In this scenario, after getting multiple selections from the first modal, you can call a second modal with 3 multi-select blocks, as shown in the screenshot below.
    • Simply create a dynamic menu recipe to get the use cases by passing outcomes as parameters.
    • If you select two values in the first modal, only two will be displayed in the second modal.


      Screen Shot 2025-05-22 at 16.35.38 PM.pngScreen Shot 2025-05-22 at 16.24.56 PM.pngScreen Shot 2025-05-22 at 16.36.25 PM.pngScreen Shot 2025-05-22 at 16.25.27 PM.png
  2. When the User Can Select More Than 3 Outcomes:

    • In this case, you can use a Slackbot custom action and a Python script to generate the payload dynamically.
    • You need to create a view_summission trigger to get the selected values in from the second modal create from custom slack api call.
    • I have tested this approach, and it works well.

Do let us know if you find better solution to share with  the community.

@1dheeraj2 Thank you so much for this response! This is helpful but I have one ask -- the user does not usually know the exact name of the use cases so it would be better if the use cases were displayed for them either in a drop down or checkbox instead of them having to type them in. Is this possible?