If you’ve setup an EVAM data resource for the UI Builder or followed along with
After some trial and error, I’ve managed to map the JSON from the sample provided at the bottom of the View Template configuration page to the data displayed in the Data Set component (using User [sys_user] table as an example) as follows…
Static Values
Mappings
Here’s the View Template [sys_ux_composite_data_template] JSON used:
{
"component": "now-card-evam-record",
"staticValues": {
"highlightedHeaderIcon": {
"translatable": false,
"key": "user-outline"
},
"highlightedHeaderBkgColor": {
"translatable": false,
"key": "critical"
},
"subtitleIcon": {
"translatable": false,
"key": "calendar-fill"
},
"imageType": {
"translatable": false,
"key": "image"
},
"subtitleImageType": {
"translatable": false,
"key": "avatar"
},
"detailLabelOne": {
"translatable": true,
"key": "Email address"
},
"detailLabelTwo": {
"translatable": true,
"key": "Works for"
},
"detailLabelThree": {
"translatable": true,
"key": "Business phone"
}
},
"mappings": {
"highlightedHeaderLabel": "title",
"textHeaderLabel": "department",
"titleLabel": "name",
"imageURL": "avatar",
"subtitle": "user_name",
"subtitleAvatarName": "name",
"subtitleAvatarURL": "avatar",
"detailValueOne": "email",
"detailValueTwo": "company",
"detailValueThree": "phone"
},
"actionMappings": {
"clickAction": "navigation"
}
}
A few things to note
- detailLabelThree and detailValueThree do NOT appear when using Grid view with Card Height of Small
Small card: -
Remove subtitleAvatarURL from the mappings to remove the duplicate image
-
To get rid of it entirely, remove subtitleImageType from static values too
-
Options for the key value for highlightedHeaderBkgColor see the options listed under the sidebar property of the now-card component:
I anticipate that ServiceNow will eventually make it easier to configure the View Template via a GUI, instead of via JSON - perhaps in some manner like the Mobile Card Builder.
But until then, I hope this has been a handy resource.
Hello Nia - I have this Question, I see the template in EVAM to find the data label and value, but i am unable to find this details,
Where to find this ? i search even on Data broker, code is there not sure that is the right place to look into this.
