Tabs in 'Employee Profile Details' widget
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
06-21-2024 12:42 AM
Hello all!
I have encountered a strange issue in Employee Center > My Profile.
In the 'Employee Profile Details' widget, I can add tabs and insert different widgets into them.
The problem is that when I click on any tab other than "Overview" and then, for instance, press 'IT' in the mega menu, my footer jumps to the middle of the page. If I continue pressing, for example, 'HR', or press another tab the footer somehow overlaps the widget in that tab.
I have tried to reproduce the same issue in my PDI on Vancouver and Washington builds, but I do not encounter the same problem there. Instead, I experience an issue with the mega menu where the menu expands vertically rather than horizontally.
Does anyone have any idea what the issue could be? Is it possibly a bug?
All the plugins for Employee Center/Core/Pro, Employee Profile, and Employee Experience Taxonomy are running the latest version.
My dev instance is on: Build tag: glide-washingtondc-12-20-2023__patch3-04-25-2024
Best regards

- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
06-24-2024 01:11 PM
Hey @DritonC -
Have you checked to make sure your theme being used is not using a Fixed Footer or anything like that?
With the employee profile widget, clicking on Overview, and then another tab within that widget such as Work Items, the footer does come up because the widget is acting interactive. Nothing, for me, is in the Work Items tab and therefore the space is not needed (if you have not already, you could go to Profile Tabs under Employee Profile and configure them there):
Work Items for example, is trying to use the Delegation information.
After I have created the things needed for granular delegation (tables/rules/etc.):
And then adding an actual delegate:
And the Footer acts accordingly to the space.
So, have all the pieces for using Employee Profile on your end been established?
Can you maybe share a screenshot on what yours looks like? An image of what yours looks like may help others to help out on your question.
When it comes to the mega menu opening Horizontally or Vertically, that could be from the Advanced Portal Navigation. Are you possibly using that style in your PDI vs the other instance you are talking about in your post?
Original Mega Menu taxonomy:
Advanced Portal Navigation Taxonomy:
Not sure if any of this above will help you - you may have already gone through all of this. But, if it does help in any way please let us know. If not, please share a screenshot on what yours looks like, and myself and others can try to help out more.
Thank you,
-Rob
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
06-25-2024 01:29 AM
Hi @Rob Sestito thank you for replying!
Q: Have you checked to make sure your theme being used is not using a Fixed Footer or anything like that?
A: I have the Fixed footer & Fixed header unchecked in the theme I'm using.
So, in my PDI that is OOTB, when I'm in the “Overview” tab everything looks normal:
The behavior is also normal if I press "IT" in the mega menu, no overlaps and no changes in how the menu is shown.
When I change to the “My Items” tab that I created, at first everything looks normal:
Before I press “IT”:
After I press “IT"
The footer overlaps the widget
Also the topic changes behavior:
In my PDI I do not have advanced portal navigation activated but i have activated it on my work instance, but the behavior is the same.
Best regards,
Driton

- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
06-25-2024 06:21 AM
Hey Driton,
Thank you for the additional information there!
It seems as though your portal is not rendering properly. Has there been modifications within the HTML or CSS? If there has, maybe a good idea to revert back to what it was before any changes (maybe back to OOTB), and see if the portal reacts the same way when clicking through things.
And you may have tried this already too, but I want to ask just to get it out of the way. Have you tried making both Fixed Header & Footer set to true, and seeing how the portal reacts then as well?
Another trick may be for you to create a new CCS Include attached to the Theme you are using. Create a new Style Sheet to control the footer a bit more. Maybe adding something such as:
.body {
margin-bottom: 30px;
}
And that is a maybe for the CSS Include. I am not convinced you would need that. Just trying to throw some ideas out there that you can try to correct your issue.
But I would start with the theme/footer record if anything has been modified, revert back to a version before this issue (again, maybe back to OOTB) and see if it corrects itself. Both the Theme and Footer I am using are both OOTB and not having the issue. Which is why I bring that up as a suggestion.
Hopefully too, nothing messed up when plugins were updated. I have seen before where the files through a plugin install/upgrade do not install/upgrade properly. Therefore having us to Repair the plugin so it may reload everything again.
Hope this helps get you in a better direction. Will wait for your reply 🙂
Cheers,
-Rob
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
06-27-2024 12:26 AM
Hi @Rob Sestito, Thank you for taking the time to help me!
I requested a new PDI with Washington and installed the plugins listed below, but I'm still experiencing the same issue. I have not made any changes to my PDI instance at all.
Plugins:
- Employee Center/Core/Pro
- Employee Profile
- Employee Experience Taxonomy
In my work instance, I already had this CSS as a style sheet in my theme so that the footer sticks to the bottom when I navigate to different pages in my instance, and it works for the different pages.
section.page {
display: flex;
flex-direction: column;
display: -ms-flexbox;
-ms-flex-direction: column;
}
section.page > main.body,
section.page > section.body {
flex-grow: 1;
flex-shrink: 0;
-ms-flex-positive: 1;
}
.body {
margin-bottom: 30px;
}
I tried repairing the plugins in my work instance without any success. Maybe I'm missing something or not updating the correct plugins related to Profile.
I also set the Fixed header and Fixed footer to true. While it works, I do not want it to stick like that. However, when I change the tab and press the topic, the topic changes behavior in how it expands (I do not know if this is expected behavior).
Before i change tab:
After i change tab:
Best regards,
Driton