At this point you've created the product form to capture product details and added the product colour child model parameters to capture product colour details. The form must be amended to provide input form fields for capturing product size details. A product can be available in multiple colours; each colour may have various sizes. So an option (button) to add more than one product size details must be provided. At the same time, an option (button) to delete product size details must be provided.
"ProductColour" model has a one-many relationship with "ProductSize" model. "One-Many" widget can be used to insert the "ProductSize" child model grid with the product size form field elements.
Form grid for product size model
Insert a 2X1 grid in the cell (C2) next to the input field for colour as shown in the screen capture.
Button to add product size details
Select the cell (A1 in product size grid) where the "Add" button must be inserted.
Click on the "One-Many" widget. List of available once-many relationships will be displayed.
Click on the "+" button next to "ProductSize(ProductCode)" to insert the "Add" button for updating the size details.
Properties dialog box will be displayed. Click on the "Done" button.
Product size form fields
Select the cell (A2 in the product size grid) where the size input field must be inserted.
Click on the form icon for "ProductSize(ProductCode)" in the "One-many" widget.
Properties dialog box will be displayed. Select the check box for header and footer.
Select "ProductSize" from the list of cells.
Click on the ">>" button to add the "ProductSize" field.
Click on the "OK" button to insert the selected fields from the product size child model.
Button to delete product size details
A delete button must be added to the product size details row.
Add a column and select the cell in the product size details row.
When a cell is selected, the name of the current model to which it belongs will be displayed on the widget/permissions.
Insert the delete button from the actions widget.
Click on the "Done" button to insert the delete button.
Add the display field name "Size" in the cell (C1) in the product colour form grid.
One-Many child form for adding product colour and size.
"Add" button for creating an instance in "ProductColour" model that is used to capture the product colour details of a product.
Product colour form elements:
Colour input textbox form field and
Product Size form elements:
Add button for creating an instance in "ProductSize" model that is used to capture the product size details.
Size input textbox form field
Save the changes in the server and click on process tab to open the process design perspective.