This kind of user interface shows a modal window anytime the user wants to create, modify, or delete a record. A first approach to this is to combine in-place editors with modal windows. When the user clicks or double-clicks a row, an editor is placed on top of the row, showing all the input fields required to edit the data, and the buttons to cancel the action or save the data. This is exactly what Grid editors are in Vaadin Framework, as shown in the following screenshot:

This is enabled as follows:

grid.getEditor().setEnabled(true);

A second approach is to actually show a modal window that blocks any other interaction with other parts of the page. The following is a figure of this kind of interface:

There are several advantages of this approach. The window allows any kind of design for the form it contains. Input fields can be grouped if they are related, help text or instructions can be added, and validation errors can be shown in multiple ways. It is also an intuitive dead-end view; users cannot navigate anywhere else but back, which makes it an easy-to-use interaction.