How to dynamically set the properties of the contact card

[K_ Morita]

Hi

I would like to know how to dynamically set the following properties of the contact card component in UI Builder.

- Heading badges
- Sub-heading titles
- Sub-heading badges
- Contact fields

These properties look like JSON objects, so I'm not sure how to set up dynamic data binding.

Thanks

[Brad Tilton · Accepted solution]

If it's JSON, you could bind a client state parameter in the correct format to the whole property, but I've found scripted properties work best for the JSON properties. Something like this:

From in the script block you'll have access to api.state and api.data.

[learn nv]

Hi Brad,

I need to display more fields along with the OOB fields on contact card sub-header. Could you please suggest.

[K_ Morita]

Hi Brad

Your comment looks helpful to me.

I'll give it a try. Thank you very much.