mui-toolpad icon indicating copy to clipboard operation
mui-toolpad copied to clipboard

action: Dialogs

Open Janpot opened this issue 2 years ago • 3 comments

How are dialogs introduced on the page? new top-level construct? button click => open dialog

Janpot avatar Jan 25 '22 16:01 Janpot

We can start with a modal and later support alerts, notifications.

Benchmark: https://docs.appsmith.com/v/v1.2/core-concepts/connecting-ui-and-logic/internal-functions

prakhargupta1 avatar May 02 '22 21:05 prakhargupta1

For now, we can do it from onClick event. But later on through UI.

Use case 1: When I click on a row in data grid, I want to show a modal that shows me the entire row information with the option to update few fields, an Update and a Cancel button. Use case 2: I want to click a button that says "Add item/user/note/project" and it should open up a modal asking for fields. A Save, Cancel button.

A separate but related requirement to use case 1: If I want to be able to do 2 actions on a row entry, I would need the option to place a button inside the row and then configure them accordingly.

prakhargupta1 avatar Sep 06 '22 14:09 prakhargupta1

As discussed on the call yesterday, currently these use cases can be accomplished through the following ways:

  1. Instead of a modal, the form can be there on the page itself
  2. If it is a long form, then the user can be navigated to a different page of the app. This other page can have the form

Editable data grid https://github.com/mui/mui-toolpad/issues/994, could be a smarter solution to these use cases.

Regarding a customizable dialog box, as it could be a small page in itself, we'll do a proper implementation after finalizing how the UX should work.

prakhargupta1 avatar Sep 14 '22 11:09 prakhargupta1