mui-toolpad
mui-toolpad copied to clipboard
action: Dialogs
How are dialogs introduced on the page? new top-level construct? button click => open dialog
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
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.
As discussed on the call yesterday, currently these use cases can be accomplished through the following ways:
- Instead of a modal, the form can be there on the page itself
- 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.