- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
10-06-2024 12:40 PM - edited 10-08-2024 02:00 AM
Disclaimer: All my reference pictures you see here, is from ServiceNow's labratory instance for training activities. This instance contains only demo data, not "real" client data. Therefore sensitive data is not censored in pictures.
Hi fellow developers,
After Xanadu release this kind of strange popup has occured to ui builder's event configuring, when trying to add dynamic payload data to destination fields. And I'm quite unfamiliar with this.
Use case: New dynamic list of records should open when user clicks data visualization.
1. I select component add event handler, basic stuff. All good for now.
2. I select link to destination, since I want that simple list of data will open when user clicks that donut data visualization. All good, moving forward
3. I select simple list and click that dynamic data binding button so I can just simply add @payload.params.table to that field so correct table data populates dynamically depending what part of donut chart user clicks... but now troubles begins.
4. Instead of letting me write that payload value to field chosen, as it used to be in previous releases, some strange pop up window opens. How and where to add that payload value? What is this?
So I opened Google and found this ServiceNow documentation, about event mapping.
And it seems to be available for Xanadu.
I thought there would be information about that strange new pop up (picture 4) and how to use that, since @payload -data can't be written straight to "select to destination fields" (picture 3), because some strange pop up opens (picture 4) after clicking dynamic data bind icon.
But... instead of that documentation telling me how to dynamic bind data via that strange pop up (picture 4), there seems to be screenshot of how to bind data like in the good old days, when that strange popup (picture 4) didn't pop up after clicking that dynamic data bind icon and you could just write payload data straight to that field.
So for me, it seems like this picture in this documentation is not even from Xanadu release.
So does anybody know how to use that "bind data to table" popup / feature? What is the name of that new feature and is there documentation how to use that?
Best,
Miikka
Solved! Go to Solution.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
10-06-2024 01:07 PM - edited 10-06-2024 10:41 PM
Found a solution to this by clicking around UiB. Still quite surprised that documentation mentioned before seems to be incorrect, by showing a guide and screenshot of the old event configuring way. Anyways. Here is how to bind data using this cool new UiB feature.
1. Select page to destination, in my case I wanted simple list when data visualization is clicked. Select bind data. Since we want that works dynamically.
2. This new window opens, select client states to data type (since every data pills under "event payload" data type looked inactive and choosing them did not work). Double click the blanc space so you can write payload data.
3. In table field, paste @payload.params.table, click apply.
4. Do the same to listTitle and query (remember to change payload value). Here is all payload values you need:
table: @payload.params.table
listTitle: @payload.title
query: @payload.params.query
5. Now it should look like this:
6. Look what happens when I now click that a specific part of that donut pie chart data visualization.
7. Magic happens and in this case, simple list of critical safety issues opens as list to new tab.
I must confess, I spent way too much time clicking around with this new feature until I figured that it was this simple to use all along. I guess I'm getting old, since all the new stuff makes me think about good old days.
Anyways, hope this helps someone. Have a good one
Best regards,
Your very own Workspace ninja
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
10-06-2024 01:07 PM - edited 10-06-2024 10:41 PM
Found a solution to this by clicking around UiB. Still quite surprised that documentation mentioned before seems to be incorrect, by showing a guide and screenshot of the old event configuring way. Anyways. Here is how to bind data using this cool new UiB feature.
1. Select page to destination, in my case I wanted simple list when data visualization is clicked. Select bind data. Since we want that works dynamically.
2. This new window opens, select client states to data type (since every data pills under "event payload" data type looked inactive and choosing them did not work). Double click the blanc space so you can write payload data.
3. In table field, paste @payload.params.table, click apply.
4. Do the same to listTitle and query (remember to change payload value). Here is all payload values you need:
table: @payload.params.table
listTitle: @payload.title
query: @payload.params.query
5. Now it should look like this:
6. Look what happens when I now click that a specific part of that donut pie chart data visualization.
7. Magic happens and in this case, simple list of critical safety issues opens as list to new tab.
I must confess, I spent way too much time clicking around with this new feature until I figured that it was this simple to use all along. I guess I'm getting old, since all the new stuff makes me think about good old days.
Anyways, hope this helps someone. Have a good one
Best regards,
Your very own Workspace ninja
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
04-15-2025 07:43 AM
Will this work if you have an indicator as data source? I cant get the query to apply using this solution. I get the same result on the list no matter what I click on the donut.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
10-07-2024 05:30 AM
So nice to see you found a way around this!
I've spent soo much time trying to figure out why this is suddenly changed and how to work around it. Unfortunately the documentation is not following the releases and this is a serious issue.
I do really hope that this is not a trend, as it is very frustrating to have things changed during development. 🙂
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
01-30-2025 12:47 PM
There is a UI Builder Fundamentals (Xanadu) course that covers this. Still, it is surprising to not find better documentation online for it. Happy you figured it out!