Working on a form with multiple small grids for information display and adding a new grid. (Grid is the right display here.) The business unit wants the legacy grids to remain editable with a pop-up Add/Edit forms, but wants the new grid to be editable, since the fields are simple numeric entry.
My question is: what is the best way to indicate that the grid is editable? The existing grids have Add/Edit/Delete buttons above them.
- Should the editable grid have an Edit button, enabling the grid editability? (editable cells look editable, once the user tabs/ clicks into the grid, but how do I invite them in?)
- If yes to above, does the Edit button turn to a Save button? Or enable a Save and a Cancel button?
- If an editable state is not pervasive, how does it look different from non-editable state?
- Does it matter if the form of data entry is different between the three grids? (one edit button turns the grid into an editable state, another launches an add/edit pop-up)
Also, fwiw, each new record is shown at the row level, with the columns respective attributes of that row.
Per request, here is a visual