Confirmation popup element

We need to have a confirmation-style popup.

Its so hard and over worked create a new popup for each type of confirmation, or create a complex reusable component to do that.

It nice to have this steps:

Add a popup confirmation
Add one or more buttons inside popup
Each button inside the popup have a new prop with 2 option: SubmitType: Confirm | Denied
If the any button is clicked the popup result will be: Confirmed or Denied.

To capture the result we can have 2 ways:

  1. Simpler:
    The popup will trigger a new event, like this:

So you can create the workflow based on popup result.
Problem: we don’t have the type of content unless you create many customStates for each type that you will work

  1. More complex, I think:

You create a workflow and create a action:
ShowConfirmationPopup (in this step the flow stop and wait for the popup result )
then you can "Delete a thing only when “resultOfStepX(popup) is Confirmed”.
See the example:

In this case the popup could be dumb and without a thing type attached to. Really reusable
(the popup message could be set in a popup’s custom state)

Idk, but we need something that is reusable and easy to confirm actions

totally agree with the overall idea. a workaround is to send the relevant data as JSON to the confirmation reusable popup and when confirmed send that to bac end where it parses data types and actions.

I also think the easiest / cleanest way to implement, especially given Bubble’s current setup, is to allow a user action / click to determine the return value of a event. so trigger confirmation popup event and if the return value returns confirmed –> do the action (all of this on the button click action)

1 Like