|
| 1 | +# Live Ticket Counter - Service Portal Widget. |
| 2 | + |
| 3 | +## Use Case |
| 4 | +The Live Ticket Counter widget displays a real-time count of incident tickets categorized by priority (Critical, High, Medium, Low). It visually updates with an animation to indicate refresh activity and allows users to click on any priority count to view a filtered list of tickets of that priority. This helps support teams monitor ticket load dynamically and quickly access relevant tickets for faster incident management. |
| 5 | + |
| 6 | +## Why it's unique |
| 7 | +- Real-time ticket count updates without page refresh |
| 8 | +- Visual pulse animation highlights new critical tickets |
| 9 | +- Clickable cards open filtered ticket lists by priority |
| 10 | +- Beginner-friendly and easy to implement |
| 11 | + |
| 12 | +## How it is Useful in ServiceNow |
| 13 | +- Real-time updates keep support agents and managers instantly informed of critical ticket volume changes, helping prioritize work promptly. |
| 14 | +- Visible counts by priority enable supervision to redistribute workloads or escalate issues proactively. |
| 15 | +- Agents save time by accessing filtered ticket lists with a click instead of manually searching for tickets by priority. |
| 16 | +- The widget's last updated timestamp and auto-refresh toggle give users control and confidence in data freshness. |
| 17 | +- As a light, interactive component, it complements existing dashboards and pages without heavy customizations. |
| 18 | + |
| 19 | +## How to Use |
| 20 | + |
| 21 | +1. Create Widget |
| 22 | + - Go to Service Portal > Widgets |
| 23 | + - Click "New" |
| 24 | + - Copy-paste HTML, Client Controller, Server Script, and CSS into appropriate sections |
| 25 | + |
| 26 | +2. Add to Page |
| 27 | + - Place the widget on any Service Portal page where ticket monitoring is required |
| 28 | + - Widget ID: `live_ticket_counter_sp` |
| 29 | + |
| 30 | +3. Test and Customize |
| 31 | + - View tickets by clicking on priority cards |
| 32 | + - Toggle auto-refresh and sound alerts |
| 33 | + - Modify styling or priority levels as needed |
| 34 | + |
| 35 | +## Compatibility |
| 36 | +This Html , css , client , server code is compatible with all standard ServiceNow instances without requiring ES2021 features. |
| 37 | + |
| 38 | +## Files |
| 39 | +- `Live Ticket Counter.html`,`Live Ticket Counter .css`,`Server Script`,`Client Script`, — these are files. |
0 commit comments