- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
3 weeks ago
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
Solved! Go to Solution.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
3 weeks ago
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.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
2 weeks ago
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.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
3 weeks ago
Hi — the area you're pointing to in that screenshot is rendered by a UI Builder page, not a Service Portal widget. Service Operations Workspace runs on the Now Experience framework, so customizations are done in UI Builder rather than widget configuration.
Here's the path to get there:
1. Navigate to UI Builder (Now Experience Framework > UI Builder)
2. Find the Service Operations Workspace experience and locate the Knowledge Article view page (likely named something like kb_article or kb_article_view within the SOW experience)
3. Find the section below the article title where you want to inject the field values
4. Add a component — a Field Value display component or a styled text component bound to your custom field
5. For reference fields, you'll need to dot-walk to the display value in your data binding: fields.u_your_field_name.displayValue
A few things to check before you start:
- The SOW UI Builder page may be in a protected scope depending on your release. If it's locked, you may need to clone the page before you can edit it — check the page header in UI Builder for a lock indicator
- Make sure your custom field is on the kb_knowledge table and populated, not just defined
- If you're on a recent release (Xanadu/Yokohama), the page structure may use a Data Resource to fetch article fields — verify your custom field is included in that resource's field list, otherwise it won't be available for binding even if it exists on the table
What release are you on? That'll help narrow down the exact page name and whether cloning is required.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
3 weeks ago
Hi MaryG
Thanks for response! till point 4 done, can you please explain point no.5
5. For reference fields, you'll need to dot-walk to the display value in your data binding: fields.u_your_field_name.displayValue
or else can you provide any screenshot, I am stuck here
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
3 weeks ago
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.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
2 weeks ago
@MaryG I have added my field in new data source and added data binding to the label component, the field value is populating, Thanks for the inputs provided.
