Service Operations Workspace/Custom fields value display in article

[happy2]

How to display a custom created fields values in Service operations workspace, I need to display some reference field values after the arrow mark placed position, I need to display this for knowledge article in SOW, please check below screenshot and help me to achieve this

[MaryG · Accepted solution]

Happy to clarify! Here's what to do once you've added your component to the page:

When you select the component in the UI Builder canvas, you'll see a configuration panel on the right side. Look for a "Value" or "Label" property field — this is where you bind your data.

To bind it:
1. Click the data binding icon next to the value field (it looks like a chain link or a small icon to the right of the field)
2. This opens the data binding picker
3. In the picker, look for the Data Resource that's feeding the page — it will likely be named something like "Knowledge Record" or similar
4. Expand it and look for your custom field by its API name (e.g. u_your_field_name)
5. For a reference field, you want the displayValue property, not the value property. The value will be a sys_id; displayValue will show the human-readable name

If you don't see your custom field in the picker at all, that's the data resource issue I mentioned earlier — the field needs to be added to the data resource's field list before it will appear as a bindable option.

Can you tell me:
- What component did you add (e.g. a Label, a Stylized Text, a Field Value component)?
- Do you see your field when you open the data binding picker?

That'll help me point you to exactly where the binding goes.

[happy2]

MaryG 

Yokohama
yokohama-12-18-2024__patch12-hotfix1-02-06-2026
I am unable to find Knowledge Article view page in my instance 

Am i in correct path? As i am new to this UI builder can you give clearer understand, That will be more helpful 

Thanks

[MaryG]

You're in exactly the right place — and you've already found the page you need. In your screenshot, the page highlighted in red labeled "Knowledge Record Page" is the one that controls the Knowledge article view in Service Operations Workspace.

Next steps:
1. Click "Edit" on the Knowledge Record Page row to open it in UI Builder
2. Once inside, you'll see the article layout. Find the section just below the article title (matching where your arrow was pointing in the earlier screenshot)
3. Select that area in the canvas to identify which component is there, then add your custom field component in that location
4. For your reference field, bind it using the field's API name with dot-walked display value: fields.u_your_field_name.displayValue

One thing to check first: look for a lock icon or a note that the page is read-only. If the page is in a protected scope you won't be able to edit it directly — you'd need to clone it first using the Settings option on that page row. On Yokohama this is common for SOW pages.

Let us know what you see when you open the page editor and we can go from there.

[happy2]

Hi maryG,

I have achieved adding the field values and field labels as per screenshot below, Thanks for helping

can you help me to move field value "AMS for IT Operations and R&D" Infront of field label "Service" like this "Service: AMS for IT Operations and R&D", What need to be configured to achieve please suggest me 

[MaryG · Accepted solution]

Great progress! To get the label and value on the same line (Service: AMS for IT Operations and R&D), you need to place both components inside a horizontal layout container. Here's how:

1. In the UI Builder canvas, add a Container or Row component in the spot where your label and value currently are
2. Set the container's layout direction to Horizontal (look for a flex/layout direction setting in the right panel)
3. Move your Label component ("Service") inside the container
4. Move your Field Value component ("AMS for IT Operations and R&D") inside the same container, after the label
5. The two will now sit side by side on the same line

For the colon and spacing between them, you have two options:
- Edit the Label component text to include the colon: "Service:"
- Add a small amount of gap/padding in the container spacing settings between the two components

Do the same for your Service Offering row (a second horizontal container with its own label and value pair).

In your image 2 I can see the component tree on the left — look for a Layout or Container option in the Add Component panel to find the right wrapper. It may be called "Flexible Row", "Container", or "Layout" depending on your release.

[happy2]

@MaryG Thanks for the brief explanation, I can place the values and field labels side by side, Thanks for your help to achieve this once again, keep doing! This helps us a lot, Best of Luck