Save button now working in Workspace

[Tylerjknapp]

Hi everyone, 

I am building a workspace in my PDI and I have added a submit incident button but it is not working. It shows up in the regular UI but does not show up in the workspace even though workspace form button is checked and I've even tried checking workspace form menu. I've tried adding a UI Action Bar to add a "save" or "Submit Incident" button and it's not working on the page that I am trying to have this button appear on. Basically I am trying to make it so that a user can select submit a new incident button on the homepage and it redirects to a new page with the incident form displayed, now I need to display a save or submit incident button and it's not working. I've done the tutorial on NOW Learning and it worked there, so I'm not sure, what I'm doing wrong, this is the UI Action below: 

This is the UX Form Action

This is the Workspace Page I am trying to have the button show up on. This is using a "Form" component with Incident set as the table. The information in the action, declarative action form model and the declarative action contract, I copied from the record page which is displaying the "Submit Incident" button that I made. So I'm not sure what I'm doing wrong any and all insight would be greatly appreciated!

Here is the "Submit Incident" button on the other "Record" page where it is showing up

[Pranesh072]

I think you have to create a custom ux component. Check the following article if it helps

https://developer.servicenow.com/dev.do#!/reference/now-experience/quebec/now-components/now-button/...

[John Zhang1]

It looks like you are creating Web Experience (Now) Workspace rather than Agent Workspace.  You can use form UI actions for Agent workspace like blow:, but not Now Workspace page.

You need to create web based custom component for your workspace page.

I have two YouTube videos will guide you for UI Action creation on Now Workspace using UI Builder:

UI Builder Custom Components Experience Part 1 (UI Action, Data Resource binding and Event Handling

 UI Builder Custom Components Experience Scripting - Part 2 (Data Resource and Client Script )

Please mark reply as Helpful/Correct, if applicable.

[Tylerjknapp]

Hi John, Thanks so much for your reply and advice. I will take a look at these videos shortly. If I have any questions I will reply. I will mark yours as the correct answer as soon as I’m done watching the videos as I’m expecting these will show me what I should be doing. I’m still new to workspace.

[Tylerjknapp]

How do i extract the data from the form fields component though? I can see what I have to do, I just can't think of how to extract the data from the form fields component

[John Zhang1]

You need to define Client State variable to map to form field and then use Client script to get the state variable from form like blow:

Please mark reply as Helpful/Correct, if applicable.