Add a close modal/popup option with the submit rules

We get more and more possibilities with popup pages. and this is great.
As a consequence I would propose to add a new option at the submit rules:

The case: I use pop-up forms to add new data to the datatable.
If you are on the overview page of this table and then add a record you can not chose to close the popup after submit. If you are on the page where you want to land after submit you can also not use the “redirect to an existing page”. This option is not working and the popup just empties itself for a new record.

1 Like

This is a very interesting idea. I’m sure we can use some basic JS for now for this…

@Chem?

Hey @Peter,

Are you discussing the “Allow New Record Popup Page” setting for a Table Component?

If so, the default is that the popup will close after submission, as shown in the GIF below.
2022-04-28_11-30-06

Please let me know if you are discussing something else.

@Chem No that is not the case. This button inside the component is UX-wise for me not a very good solution.

So my trick:

  1. I have added a new page: called add a new applicant (a recruitment app)
  2. This is a menu option, so within the menu you click on this option and you get a pop-up form to add a new applicant
  3. It happens to be that the start page is the page with a table full of applicants.
  4. But because this is part of a workflow, the only buttons I have in this table are to move an applicant to the next phase.
  5. So the pop-up form is filled with data and with the submit rule of this form, that data is being saved. The popup doesn’t get closed.
  6. I have the option to move to the same page I am on, but that doesn’t work. Because it is already on this page, the modal doesn’t get closed???
  7. I could have been on another page as well. This option to add an applicant should be available always, wherever you are in the application. So the best thing is not to move to a defined page, but just close the modal.
  8. This doesn’t happen, because the option is not there, to just have the modal closed. Any of the other options does also not close the modal. So you fill in the data, save the data, the form gets emptied and you have to click the cross to close the modal.
  9. so the best option would be if you had the possibility to just close the modal as part of the submit rules.

The current options are:

  1. show a confirmation message
  2. redirect to an existing page
  3. redirect to another website URL (this one I did not try out, because I want to stay on the same website)

So
option 1) No closing of the modal, just the message and form gets emptied,
option 2) no closing of the modal, form gets emptied
option 3) I did not try this.

In this case I would not want to redirect to an existing page, as I just would want to stay on the same page you are, by closing the modal form.

But I see more use cases: for better UX, have a better visible button, not the one part of the component. The current one works, but it is not nice and not very visible.
I can imagine using a link button for that, but alas, the link button has no pop-up option. But if that would be made, then I still had the problem with closing the modal form.

I tried to be as clear as possible, but it is not my strong point. So if you have any additional questions, kindly let me know.

@Moe @Chem @tim.young
I never got a reply on this.
My question: add a close modal action with the submit roles.
Update?