Looking for advice on a pop-up display

[monsieurmerle]

I am making an app in which deleting an entry from a table in one clic (potnetially accidental) should be avoided, but where the deleting process begins from the table delete_url icon.

I do have a back-up solution just in case but I would like to be able to display a pop-up when the delete_url icon is clicked in a table component, asking the user to confirm before deleting the entry.

Here comes my question, would you use a clever 'alert' component or a 'modal' embedded component ? Having the ability to use an alert would maybe a little more compact but I am not too sure on how to trigger its display, and the modal component would require an additionnal page and a handler that comes with it.

PS Also is there a way to automatically hide an alert after a given amount of time has passed ? I would like to be able to display a notification when an entry has been deleted or created, to convey to the user that it has happened.

[lovasoa]

The easiest solution for this is to have a separate page. Just make the delete icon point to a second page with just a red deletion confirmation alert, and that second page point to the actual deletion action.

Anything other than this would require you to write custom javascript code.

[monsieurmerle]

I guess I will have to do that, thank you.

Would having a temporary notification also require some javascript code ?

[lovasoa]

Yes. I don't recommend it. I recommend using a separate page. This will be an order of magnitude less code, way cleaner and more maintainable, for the same user experience.