Modify an UI Builder Component or create a copy

[Jefferson]

Hi community,

I'm new to UI Builder and I would like to know if there is a way to copy/modify a UI Builder component created by ServiceNow?

Background:

When we install the GRC Advanced Risk plugin and GRC: Risk Management Workspace, we have access to Risk Assessment over the Risk Workspace, like below.

I would like to customise this page, however, when I go to UI Builder to modify, it seems that this is "black box" component which I cannot edit any of text in it. See it below.

I cannot add new steps or change any of the wordings or even add more steps inside each section. 

Does anyone know if it is possible to edit it this at all?


Kind regards,

Jefferson

[Shruti Khaire]

Hello @Jefferson,

You can just select the header component under the 'Advanced risk assessment' container and then try to change the label field selecting the right scope. I will share similar scenario screenshot below just for clarification and similarly check the given steps as well once you locate the component you will be able to make changes.

Hope it helps, thank you!

[Jefferson]

Hi @Shruti Khaire ,

Thank you for your reply. Yes, components like the one you showed me I can change. However, I was more interested in modifying this component called "Advanced Risk Assessment".

It seems I cannot click in anything within this component. Outside it I can, but nothing inside.

Hence why I was trying to somehow create a copy of this "Advanced Risk Assessment" component, so I could modify it.

I would appreciate any other ideas. Thanks 🙂

[Brad Tilton]

You can't clone and edit components like you can service portal widgets, you can only change their properties (inputs). For this component it looks like it's pulling from a risk assessment record. Does that text show up in the risk assessment itself that you can change? It looks like that is all driven by back end data.

[Jefferson]

Yeah, I did some backwards engineering on that component, and it seems to be driven by data from Risk Assessment Methotodolgy (sn_risk_advanced_risk_assessment_methodology) table, however, the only UI related item you can change is the section terminology (label of the items you see on the left-hand side), which doesn't help me. All the rest seems to be "hard coded" in the component, for example the purple box under Scoring cannot be edited at all.
We cannot add more steps or improve/customise the UX of that component. For example, for us, it would be really important to have the comments field under Scoring bigger by increasing the vertical size of it, but everything in this component seems to be "baked in" meaning we cannot access any of its "inside" components.

I reckon we will have to accept that we cannot modify or copy this component, as creating one from scratch would take us forever, if not impossible.