Adding confirmation buttons /links in Grid

RE: Adding confirmation buttons /links in Grid

Mike Schmitt — Thu, 15 Nov 2018 16:24:40 GMT

Another potential way to handle this would be to have the "Delete" link actually be a SubmitLink (assuming this is being done within a process task); SubmitLink objects can be given confirm buttons / confirm messages just like regular buttons. In this case it would probably be best to handle the actual row deletion in the process model, and just chain back into the same task - from the user's perspective nothing will have happened other than the selected row deleted, assuming everything else has been set up correctly.

RE: Adding confirmation buttons /links in Grid

chandu — Thu, 15 Nov 2018 14:03:09 GMT

I really like the approach given by Ashvin Kapur,

If you think a little alternate way, Instead of having a delete row link you can have actual buttons which will be pretty straight forward in implementing. This is just alternate approach. Its up to the Client how they want since Delete link will give a Eye catch UI compared to traditional buttons.

RE: Adding confirmation buttons /links in Grid

Ashvin Kapur — Thu, 15 Nov 2018 12:48:06 GMT

What I've seen in the past, is that when a user selects the Delete link, you save to a boolean local variable before deleting the row, and at the top/bottom of the grid, you have red confirmation text with a radio button (Yes/No). Once the user selects yes on the radio button, then you actually remove the item from the array and reset the boolean variable to false. Additionally, when the boolean variable is true, you can disable all other action on the page (i.e. grey out all other links and fields, such that they MUST answer the confirmation question prior to moving on).

You could do the same thing via an additional column on your grid, if scrolling to the top/bottom isn't a good UX. If the user selects Delete on one row, another column displays to it's right with your confirmation question. Once confirmed, the column would disappear again.

Hope this helps!