
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
06-24-2025 12:05 AM
Hi All,
I have cloned the HRM To-Dos Summary widget and added it to the My Tasks (hrm_todos_page) page. However, the list of HR cases is not appearing under the Open and Completed tabs.
Please find the attached reference for more details.
Could someone assist with resolving this issue?
Thank you.
Solved! Go to Solution.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
06-24-2025 01:33 AM
Hi,
1. Navigate to Service Portal -> Widgets
2. Open the cloned widget and go to the angular template related list
3. Create a new angular template
ID - hrm-todos-header-widget-new.html
Widget - select Cloned HRM to do summary widget
Template -
<div class="todo-summary-cell">
<div class="todo-summary-body">
<div class="todo-summary-icon" ng-class="{'indent-xsm':todo.level == 2,'indent-xs':todo.level == 1 }">
<span ng-if="todo.onTicketPage && (todo.level == 1 || todo.level == 2)"><i class="fa fa-level-up"></i></span>
</div>
<div class="todo-summary-details">
<div class="task-title">
<p class="link-text" ng-if="todo.displayValueList[0].length" ng-bind-html="c.trustAsHtml(todo.displayValueList[0])"></p>
</div>
<div ng-if="todo.displayValueList[1]&&( todo.isCompleted || !todo.onTicketPage) " class="case-title">
<i ng-if="todo.isCompleted && todo.onTicketPage" class="fa fa-check-circle"></i> <div ng-if="todo.displayValueList[1].length" ng-bind-html="c.trustAsHtml(todo.displayValueList[1])"></div>
</div>
<div ng-if="todo.dueDateDisplayValue" class="text-muted" ng-class="{'todo-status': !todo.onTicketPage}">
<i ng-if="!todo.isCompleted && todo.hasDueDateWarning" class="fa fa-exclamation-circle"></i>
<i ng-if="todo.state_num_value == 3" class="fa fa-check"></i>
<span>
<i ng-if="todo.state_num_value ==7" class="fa fa-ban"></i>
<i ng-if="todo.state_num_value==9" class="fa fa-arrow-circle-o-right"></i>
<i ng-if="todo.state_num_value==4" class="fa fa-times-circle"></i>
{{todo.isCompleted && todo.hasDueDate ? todo.stateLabel : todo.dueDateDisplayValue}}
</span>
<span ng-if="!todo.isCompleted && todo.optionalLabel"><span role="presentation"> • </span>{{todo.optionalLabel}}</span>
<sn-time-ago ng-if="todo.isCompleted" timestamp="todo.closedAt"></sn-time-ago>
</div>
</div>
</div>
</div>
4. Go to the HTML section of cloned HRM to do summary widget and update the new angular template name
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
06-24-2025 01:27 AM
Hi @Community Alums,
it is strange, can you review the scopes of the widgets? the HR module has many scopes and each might differ in access rights, then check for existing records (is there anything to display?), and the tables - I am not much fmailair with the HR but HRM To Dos and My Tasks, are they okay?
Also, why did you clone the widget, is there any specific need for that? If it works, you can use the original one, no?
/* If my response wasn’t a total disaster ↙️ ⭐ drop a Kudos or Accept as Solution ✅ ↘️ Cheers! */
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
06-24-2025 01:33 AM
Hi,
1. Navigate to Service Portal -> Widgets
2. Open the cloned widget and go to the angular template related list
3. Create a new angular template
ID - hrm-todos-header-widget-new.html
Widget - select Cloned HRM to do summary widget
Template -
<div class="todo-summary-cell">
<div class="todo-summary-body">
<div class="todo-summary-icon" ng-class="{'indent-xsm':todo.level == 2,'indent-xs':todo.level == 1 }">
<span ng-if="todo.onTicketPage && (todo.level == 1 || todo.level == 2)"><i class="fa fa-level-up"></i></span>
</div>
<div class="todo-summary-details">
<div class="task-title">
<p class="link-text" ng-if="todo.displayValueList[0].length" ng-bind-html="c.trustAsHtml(todo.displayValueList[0])"></p>
</div>
<div ng-if="todo.displayValueList[1]&&( todo.isCompleted || !todo.onTicketPage) " class="case-title">
<i ng-if="todo.isCompleted && todo.onTicketPage" class="fa fa-check-circle"></i> <div ng-if="todo.displayValueList[1].length" ng-bind-html="c.trustAsHtml(todo.displayValueList[1])"></div>
</div>
<div ng-if="todo.dueDateDisplayValue" class="text-muted" ng-class="{'todo-status': !todo.onTicketPage}">
<i ng-if="!todo.isCompleted && todo.hasDueDateWarning" class="fa fa-exclamation-circle"></i>
<i ng-if="todo.state_num_value == 3" class="fa fa-check"></i>
<span>
<i ng-if="todo.state_num_value ==7" class="fa fa-ban"></i>
<i ng-if="todo.state_num_value==9" class="fa fa-arrow-circle-o-right"></i>
<i ng-if="todo.state_num_value==4" class="fa fa-times-circle"></i>
{{todo.isCompleted && todo.hasDueDate ? todo.stateLabel : todo.dueDateDisplayValue}}
</span>
<span ng-if="!todo.isCompleted && todo.optionalLabel"><span role="presentation"> • </span>{{todo.optionalLabel}}</span>
<sn-time-ago ng-if="todo.isCompleted" timestamp="todo.closedAt"></sn-time-ago>
</div>
</div>
</div>
</div>
4. Go to the HTML section of cloned HRM to do summary widget and update the new angular template name

- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
06-24-2025 01:45 AM
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
06-24-2025 01:38 AM
@Community Alums
out of the box I believe it shows HR Tasks, you want to show HR cases?
If my response helped please mark it correct and close the thread so that it benefits future readers.
Ankur
✨ Certified Technical Architect || ✨ 9x ServiceNow MVP || ✨ ServiceNow Community Leader