Widget Sizing Issue - EC Portal

[Rob Sestito]

Hello SN Comm,

I am wondering if anyone has seen something like this before?

I am messing around branching out the child topics into their one main topics within the menu area on the portal for a client. Each time I go to a main topic page, and then click on the drop down from another topic, it changes the sub-topic widget space.

Here is what it looks like when I click on a main topic:

And if I click on Team Management again, or any other topic drop-down, it changes to look like this:

Any ideas on how I can correct this? The Sub-Topics widget is OOTB 'read-only'. So unless I clone that, I cannot change any CSS within it.

But, would/could anything be done from the Page Designer side of things? Maybe for the Container/Row/Column?

On the CSS Class / Parent Class of the container?

Thoughts/pointers?

Thank you in advance!

-Rob

Update: Pending SN HI Support Case (03/08/2023)

[Rob Sestito · Accepted solution]

I had to clone the sub-topic widget and change HTML and CSS per instructions below and replace the widget to our custom one for the time being. Once the newer version comes out to update the OOTB widget, I will then replace widgets again.

SN HI Support Case updated:

Reason:
- This is being fixed permanently in a future version of Employee Center; version 29. However, there is a workaround for this issue now which can be seen below in the Solution Proposed section.

Issue:
- Your team is reporting that the sub-topic widget randomly changes sizes on the portal.

Most Probable Cause:
- PRB1650926

Solution Proposed:
1. Open the subtopics widget
2. In the first line of HTML, change CSS class "sub-topics-container" to "sub-topics-widget-container"
3. Make the same change in css: change .sub-topics-container to ".sub-topics-widget-container"

https://support.servicenow.com/kb?id=kb_article_view&sysparm_article=KB1291252