1. What is UI Builder
  2. Create custom workspace
  3. Event Mapping Script – Link to destination
  4. Important UI Builder Component
  5. Enable TAB in Worksapce
  6. UI Action Visible in Workspace
  7. Declarative Actions in ServiceNow
  8. UXF Client Action – Declative Action
  9. Data Management
  10. EVAM Data Resource Dynamic Filter
  11. Custom Component Setup for UI Builder
  12. Concept of Custom Component
  13. Beautiful Table Content
  14. Build Custom Component UI Builder
  15. Call Data Resources From Client Script

Learn how to master event mapping and scripting using UI Builder in this tutorial. Dive deep into UI Builder’s capabilities and optimize your workflow! Using event mapping how can we redirect to a another page in servicenow.

Script: Link to destination

/**
* @param {params} params
* @param {api} params.api
* @param {any} params.event
*/
function evaluateEvent({api, event}) {
	return {
		route: "list-item",
		fields: {"tableName":event.payload.params.table},
		params: {"tableName":event.payload.params.table,"queryFilter":event.payload.params.query},
		redirect: null,
		passiveNavigation: null,
		title: null,
		multiInstField: null,
		targetRoute: null,
		external: null,
		navigationOptions: null
	};
}

Total Views: 1463