Adding buttons to invoke actions
The gadget spec URL could not be found

In this section, we will add the buttons to invoke the required actions from the forms. Save and Cancel buttons must be added to the product form.
Insert a 1x3 grid in the product form
   
Select the cell (B10) where the save and cancel buttons are to be added.
   
Insert a 1x3 grid using the insert grid option. 
   
Grid properties dialog box will be displayed. Enter the required number of rows and columns, and click on the "OK" button.
   




Insert "Save" button
   
Select the cell (A1) in the newly inserted grid. 
   
Open the actions widget tab. Click on the button icon next to the submit(workflow) action.
   


Properties dialog box for "Submit" button will be displayed. Update the button properties.

Caption: Display name for the button. 
For example, "Save".

Status: Message to be displayed to notify the user.
For example, "Product details updated successfully!"

Target: Destination page on successful execution of the action. 
  • Worktop
Validate: Select this option if validations are to be executed before the "Confirm Order" action is performed.

Click on the "Done" button.
   


If required, apply styles to the button using the "Cell Styles" option.



Insert "Cancel" button
   
Select the cell (C1) in the newly inserted grid. 
   
Open the actions widget tab. Click on the button icon next to the delete action.
   


Properties dialog box for "Delete" button will be displayed. Update the button properties.

Caption: Display name for the button. 
For example, "Cancel".

Click on the "Done" button.
   


If required, apply styles to the button using the "Cell Styles" option.


Previewing the product form
   
Click on the preview tab to preview the product form.
   
What's the next step?

Deploying and validating the product form.