Adding product size child to the product form
The gadget spec URL could not be found



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.


Parent-child forms
   
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:
  • Attach button,
  • Colour input textbox form field and
  • Delete button.
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
  • Delete button
Save the changes in the server and click on process tab to open the process design perspective.
   
What's the next step?

Creating workflow process for product.