onghyr's avatar

How Can I Build a CRUD Page with a Modal Window?

I’m trying to create a CRUD page where forms open inside a modal window instead of redirecting to a new page. I’d like users to add, edit, or delete data through pop-up modals to keep the interface smooth and efficient. What frameworks or methods are commonly used to implement this, and what is the best approach for beginners?

1 like
5 replies
Mega_Aleksandar's avatar

Hi there,

First that comes to mind is Laravel + Inertia (Vue or React) - it is super easy to make such things with components and props that refresh on change (Inertia is super good for this).

Maybe check those out.

Best regards.

1 like
M1chael30's avatar

If you are using laravel inertia vue/react this is super easy all you need to do is to except the method that navigating on other pages such as create and edit in Route::resource();

1 like
martinbean's avatar

I’m trying to create a CRUD page where forms open inside a modal window instead

@onghyr Don’t. It’s terrible UX.

1 like
vincent15000's avatar

In the past, I wanted to have all my forms in a modal window, but there is not real benefit.

I think it was fashionable.

Max100's avatar

Depending on your needs, DaisyUI may be sufficient. It’s very easy to add popup modals for your forms and other dialogs. It also offers many other ui features which are easy to implement and are tailwind compatible, so modifications are simple.

Please or to participate in this conversation.