question Re: Ability to hide 3rd level categories from Mega Menu? in Employee Slate and Employee Center forum

Ability to hide 3rd level categories from Mega Menu?

Kelli Tomasino — Tue, 14 Mar 2023 01:43:22 GMT

Hi!

Wondering if anyone has been able to (or if it is even possible) to hide some 3rd level categories from the mega menu. We are transitioning to EC from a custom portal and have a robust taxonomy that we will be cutting down, but would prefer to only show the 3rd level categories for our main 2nd level categories (Pay, Benefits, Career). If we add too many more 2nd/3rd level lists the page will just get too long and cluttered. Our other option is to just leave some of them without the 3rd level category but would like to filter them one more level if possible, without it showing on the mega menu.

I pulled a general screenshot from SN and added labels to show what I mean when I say 1st, 2nd, 3rd level.

Thank you!

Re: Ability to hide 3rd level categories from Mega Menu?

Community Alums — Tue, 14 Mar 2023 17:22:23 GMT

Hello @Kelli Tomasino ,

Yes u can hide hide the topics on the 3rd level of the Employee Center mega menu.

Before removing connected content for Hardware subtopic 'computers' was there:

For this u need to remove connected content of that child topic.

After removing connected content logout & then login back to the instance. (Pls note sometime it will take few hours to reflect the changes in portal).

After removing subtopic result is:

Similarly, u can do it for ur Pay and Time.

If there will be one connected content then it will be visible to you. So if you don't want to show it in mega menu then please remove its connected contents.

@Kelli Tomasino , please mark my answer as accepted solution and helpful. If it is works for you.

Thank you.

Re: Ability to hide 3rd level categories from Mega Menu?

Johan van den H — Tue, 14 Mar 2023 19:02:38 GMT

Interesting question @Kelli Tomasino !

We are struggling to design easy access to our services through the EC mega menu right now.
I think we hope to achieve the same as you Kelli, that is too not show all "third level" topics on the mega menu to make it less cluttered for our audience.

But at the same time we want to provide our audience with all the services we have available.

In the example the "third level" topic Computers is no longer shown in the mega menu, but we (and I think also Kelli) would like to show the Computers topic in the all items display when you click on Hardware.

I tried to illustrate our wish in the screenshots below.

Would this be possible (without too much customisation)?

Re: Ability to hide 3rd level categories from Mega Menu?

Kelli Tomasino — Thu, 16 Mar 2023 12:26:31 GMT

Yes - this is exactly what we are looking for! We want our employees to be able to get to the 3rd level categories once they are within the 2nd level topic page but don't need them all to be shown on the mega menu. @Community Alums does your solution allow this to happen or is it something we need to customize?

Re: Ability to hide 3rd level categories from Mega Menu?

Mark Roethof — Thu, 16 Mar 2023 16:08:53 GMT

Hi there,

Interesting question. Haven't seen an out-of-the-box configuration option for this. Avoiding cloning/editing widgets, you could hide the 3rd level using CSS, though this doesn't look really good from UX perspective. Though maybe it does suite your case.

Kind regards,
Mark

Re: Ability to hide 3rd level categories from Mega Menu?

Community Alums — Thu, 16 Mar 2023 17:51:58 GMT

Hello @Kelli Tomasino / @Johan van den H ,

No my solution will not allow this to happen, only it helps to hide from mega menu.

If you want it will visible inside sub topic, u need to write ur code in OOTB widget "Sub-Topics" . As it pick data dynamically from mega menu, pls refer the ss of the widget:

Thank you.

Re: Ability to hide 3rd level categories from Mega Menu?

Kelli Tomasino — Thu, 16 Mar 2023 19:51:05 GMT

So in your example we would want level 3 to show under Hardware, Software and Network but to not have them show for the other 3 (while still having the 3rd level once you click into the 2nd level topic). Hopefully that makes sense!

Re: Ability to hide 3rd level categories from Mega Menu?

Community Alums — Fri, 17 Mar 2023 06:01:44 GMT

Hello @Kelli Tomasino / @Johan van den H ,

U can hide the 3rd level child topics from mega menu using CSS as @Mark Roethof mentioned. And u r able to see the sub topic (as ur requirement).

Thank you.

Re: Ability to hide 3rd level categories from Mega Menu?

Mark Roethof — Fri, 17 Mar 2023 06:22:37 GMT

You could achieve such still with CSS only, though that would be a UX mess.

So if you really want to go that direction, then you need to clone/edit the widget according to your logic. Up to you if you want to go that road, if it's really worth it, and that you accept the consequences of this..

Kind regards,
Mark

Re: Ability to hide 3rd level categories from Mega Menu?

Ankit Kumar3 — Fri, 17 Mar 2023 16:48:04 GMT

Hi @Kelli Tomasino ,

We do not have any OOTB configuration to achieve this, However you can navigate to the "Employee center Navigation widget" and In server script you would be having a code "

megaMenuTopics = portalTaxonomy.getTopics(true, 2, false);"

change the middle parameter from 2 to 1. Log out and log in again. You would be able to see the topics at 2 level.

Re: Ability to hide 3rd level categories from Mega Menu?

Marry Vieira — Thu, 23 Mar 2023 19:58:44 GMT

Content Taxonomy > taxonomies > select the appropriate taxonomy (probably Employee) and disable it.

Re: Ability to hide 3rd level categories from Mega Menu?

mak1A4 — Mon, 01 May 2023 22:47:13 GMT

@Kelli Tomasino There is a way to achieve this without cloning the OOTB Widget. You have to create a UI-Script in the global scope with the following code:

This will hide all 3rd Level Topics from the Menu if you create a JS Include Dependency for that UI-Script and add that to your EC Portal Theme. If don't want to hide all 3rd Level Topics you can modify the script exclude certain sys_ids (check the comment in the code). You could go even further and create a custom field on the topic table and make a rest call in this script to only hide the topics that have the custom field set to true.