5.10. Creating a UI for Secondary Modules

Our application will have only one secondary module, called “Invoices”. Unlike our primary modules, the secondary module is likely to contain numerous records and new records are added more frequently.

An invoice consists of a header where some general attributes are described (number, date, customer …​) and invoice detail lines with the list of products sold, their quantities, prices, etc. To save space on the page, we will hide the detail grid and display it only in response to a click on the icon with the ‘+’ sign on it. Thus, our detail grid will be embedded in the main one.