My Tasks list is not showing on HR Portal

Community Alums
Not applicable

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?

AkhilaNaradi_1-1750748651580.png

AkhilaNaradi_2-1750748703792.png

 

Thank you.

1 ACCEPTED SOLUTION

Shruti
Mega Sage
Mega Sage

Hi,

1. Navigate to Service Portal -> Widgets

2. Open the cloned widget and go to the angular template related list

Shruti_0-1750753815341.png

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"> &bull; </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

Shruti_1-1750753993049.png

 

View solution in original post

5 REPLIES 5

GlideFather
Tera Patron

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! */


Shruti
Mega Sage
Mega Sage

Hi,

1. Navigate to Service Portal -> Widgets

2. Open the cloned widget and go to the angular template related list

Shruti_0-1750753815341.png

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"> &bull; </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

Shruti_1-1750753993049.png

 

Community Alums
Not applicable

Hi @Shruti  ,

 

Thank you for the solution.

It s working now.

Ankur Bawiskar
Tera Patron
Tera Patron

@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.

Regards,
Ankur
Certified Technical Architect  ||  9x ServiceNow MVP  ||  ServiceNow Community Leader