Employee Center (not Pro!) "my org chart" page not found

Hi there,

Having the "Human Resources: Core" active on your instance, and Just updated to Employee Center [21.0.11 R or 22.0.5 R]. Did you notice that on the profile page on the Employee Center portal a "my org chart" button is visible? Though when clicking on the button, a 404 page is opened, the "my_org_chart" page not being found?

That's correct for Employee Center, not when having Employee Center Pro. Though not everyone will be applying Employee Center Pro of course. So why is this and what can we do about this?

Let's have a closer look.

"My Profile" page and the "my org chart" button

In the "Team" tile notice the "my org chart" button:

Upon clicking on the button, a 404 page is opened:

/esc?id=my_org_chart

The "my_org_chart" portal page simply does not exist when having updated to Employee Center 21.0.11 R or 22.0.5 R. So the 404 page being opened is correct. I did have a look at the code of the Widget containing the "my org chart" button, perhaps any configuration options or the button conditionally being visible. Though no, that's not the case. Users with an HR Profile, will see the "my org chart" button.

Employee Center and Employee Center Pro

So why is the "my org chart" page missing on Employee Center, and is it present on Employee Center Pro? While having a closer look the "my org chart" page (and also other components like the "Organization Chart (CD)" Widget), are installed with the "Content Publishing" plugin. A plugin that is automatically installed when installing Employee Center Pro, not when installing Employee Center.

Workaround

So what can we do about the "my org chart" button, when not installing Employee Center Pro, and not installing "Content Publishing". How can we remove the "my org chart" button?

Multiple options, for example cloning and editing the "User Profile" Widget. Or can we also apply CSS, to hide the button? This will prevent having to clone and edit the Widget and missing out on future updates.

CSS is definitely an option! While inspecting the page with the Chrome inspector, you will notice this style:

Knowing this, we can apply CSS on the Widget Instance. On the "My Profile" page, ctrl+right click on the Widget, and choose "Instance in Page Editor". Within the new window opened, scroll down to the CSS field. Here you add:

.v62d700b79f210200f0a91471367fcfe8 a.widget-button {
    display: none !important
}

Now save the page, and refresh the Employee Center portal "My Profile" page.

---

And that's it. A small workaround for a small issue 🙂 If any questions, let me know!

Kind regards,
Mark
2020-2021 ServiceNow Community MVP
2020-2021 ServiceNow Developer MVP

---

LinkedIn