URGENT ServiceNow UI Workspace Development
Budget: $10 – $30 USD
1. ServiceNow UI Builder Exercise: Incident List with Filtering and Details
Overview:
Create a workspace page in ServiceNow UI Builder that displays a list of incidents. The page should allow users to filter incidents and view details for a selected incident. This exercise is designed to assess your familiarity with Data Resources, state parameters, Script Includes, and Client Scripts in ServiceNow.
Instructions:
1. Script Include & Data Resource
- Write a Script Include called IncidentFilterHelper. It should return incidents filtered by state or priority.
- Make this Script Include available as a custom Data Resource in UI Builder.
2. UI Builder Setup
- Add state parameters to keep track of the selected filter (state or priority) and the currently selected incident.
- Use a Client Script to update the filter parameter when the user changes the filter, and to update the selected incident parameter when an incident is clicked.
3. Page Layout
- Add a dropdown filter (state or priority) and a list of incidents to the page.
- When the filter changes, the incident list should refresh using the Data Resource.
- When an incident is selected, show its details in a side panel.
What to Submit:
- PDI Instance with access
- A short explanation of your approach, including how the Script Include, Data Resource, state parameters, and Client Script work together. Mention any challenges you ran into and how you solved them.
Overview:
Create a workspace page in ServiceNow UI Builder that displays a list of incidents. The page should allow users to filter incidents and view details for a selected incident. This exercise is designed to assess your familiarity with Data Resources, state parameters, Script Includes, and Client Scripts in ServiceNow.
Instructions:
1. Script Include & Data Resource
- Write a Script Include called IncidentFilterHelper. It should return incidents filtered by state or priority.
- Make this Script Include available as a custom Data Resource in UI Builder.
2. UI Builder Setup
- Add state parameters to keep track of the selected filter (state or priority) and the currently selected incident.
- Use a Client Script to update the filter parameter when the user changes the filter, and to update the selected incident parameter when an incident is clicked.
3. Page Layout
- Add a dropdown filter (state or priority) and a list of incidents to the page.
- When the filter changes, the incident list should refresh using the Data Resource.
- When an incident is selected, show its details in a side panel.
What to Submit:
- PDI Instance with access
- A short explanation of your approach, including how the Script Include, Data Resource, state parameters, and Client Script work together. Mention any challenges you ran into and how you solved them.