Cancel button on a Form on the portal

[yasserbouat]

Hello dear community,

I created a catalog item in order to let users submit their request from the portal, and I want to add a cancel button that will display after submitting the form and when the request is still not approved, in order to let users cancel their request : 

When I do ctrl + right click + open in page designer : I don't find where to create the button : 

And I am not good on web coding, can someone please show me how to do it ? or give me the steps ?

Thanks,

[Vasantharajan N]

@yasserbouat - You can refer to the below link which helps you to achieve developing the cancel button. 

https://serviceportal.io/create-custom-action-buttons-service-portal/

All the best and feel free to share here the technical challenge if any. 

[yasserbouat]

@Vasantharajan N , Thanks for your reply : but I don't know which type of widget should i choose , and after choosing the widget, where should i place it ? and the button widget should be dispalyed after submitting the form 

[Vasantharajan N]

@yasserbouat - Please follow the page which helps you add the widget that you created in the page that you wanted. 

https://developer.servicenow.com/dev.do#!/learn/learning-plans/xanadu/new_to_servicenow/app_store_le...

[yasserbouat]

Hello @Vasantharajan N 

I created this button : but I don't know how to place it in the form after submitting it + I don't know hwo to add the action "update state to cancel" within the button