Data Binding and dynamic image filtering in UI Builder

craigstreme
Mega Contributor

I want to create a filter on the project table in technical editor/UI Builder. I was able to add that however I cannot get content to follow that filter.


My use case: I want to select a project, then have a html field that is one the project record displays an image.


In the platform analytics meeting today SN said it can be done and sent me this documentation.

Now Component Library | ServiceNow Developers


I got up to step 10 and then got lost because it is not a list but an html field. I must be doing something wrong. Alternatively, I have tried the steps with a list view and not html field just to get something working and still no luck.


Can someone help me or point me to a youtube video? There is a great youtube "Dynamic Data binding | UI Builder Day 3" video explaining the options to bind data but I cannot get that in conjunction with the filter.


Please help, I will dance at your wedding after my brain recovers.

3 REPLIES 3

Dibyaratnam
Kilo Patron

Can you share some pictures of what you are trying to build so it will be easier for others to relate and provide the solution.

Filters work with parFilters JSON client state parameter which in turn calls the UX Client script include. so to implement the entire thing you need to elaborate what exactly you are building.

craigstreme_0-1769112731859.png

Examples

craigstreme_1-1769112752359.pngcraigstreme_2-1769112758856.png

My Client script 

craigstreme_3-1769112802953.png

My Client State Parameters

craigstreme_4-1769112829740.png

 

I have the filter component in events have the Apply Par Filters client script to execute. 

craigstreme_0-1769113074736.png

 

Examples

craigstreme_1-1769113091799.png

craigstreme_2-1769113098173.png

craigstreme_3-1769113105791.png

 

craigstreme_4-1769113110466.png