Favorite icon(Heart) in Employee Center

[Rajendar3]

I'm currently working on the Employee Center for my project, and I need to replace the 'My Favorites' with the Heart icon in the Employee Center homepage header. Initially, it was a Heart icon, but after a recent upgrade of the Employee Center plugins, it changed to 'My Favorites'.

Before upgrade 

How can I display it?

Thanks in advance!

[Mark Roethof]

Hi there,

Just wondering what Employee Center version you are running? I thought let's just check this post out, though I don't see this behavior on my version (30.0.2).

[tomaslindev]

Hi there @Mark Roethof ,
I have the same requirement as @Rajendar3 , my version is 30.0.3, what change in the HTML must be made to show the heart icon instead of "My favorites".
All the best.

[Mark Roethof]

Just also quikcly checked a company instance, that is actually on 30.0.3.

Differences:

30.0.2

            <li class="gt-menu-item" role="presentation" ng-if="data.isFavoritesEnabled">
               <a href="?id=favorites_list" id="favorites" aria-label="${My favorites}" role="menuitem" 
                  data-toggle="tooltip" title="${My favorites}" data-placement="bottom"> 
                 <span class="fa icon" ng-class="data.favoriteIcon"></span>
           	   </a>         
            </li>

30.0.3

            <li class="gt-menu-item" role="presentation" ng-if="data.isFavoritesEnabled">
               <a href="?id=favorites_list" id="favorites" aria-label="${My favorites}" role="menuitem"> 
                 <span ng-bind-html="'${My Favorites}'" aria-hidden="true"></span>
           	   </a>         
            </li>

Just looking at this, it looks like a hardcoded difference in the Body HTML template of the Employee Center Header.

[Rajendar3]

My instance it is 31.0.3  and the code is like this 

<li class="gt-menu-item" role="presentation" ng-if="data.isFavoritesEnabled">
<a href="?id=favorites_list" id="favorites" aria-label="${My favorites}" role="menuitem">
<span ng-bind-html="'${My Favorites}'" aria-hidden="true"></span>
</a>
</li>