Add offset to community overview anchor links

Created:
Last Update:

Author: Christoph Stoettner
Read in about 1 min · 164 words

Glass Orb with Patterns

Photo by Michael Dziedzic | Unsplash

Our users are often building Highlights and Overview pages within HCL Connections Communities, where they link from one description widget to RTE or from one RTE widget to another.

We found that these anchor links often disappear behind the top navigation bar and the users wonder what happened.

The link on the left top points to an anchor link on the right side of the Overview

Now the anchor link was clicked, and you see the target anchor is not visible

I created a customization file in <SHARED DIRECTORY>/customization/themes/hikariTheme/applications/communities.css with the following content:

html {
  scroll-padding-top: 250px;
}

Changed the versionStamp in LotusConnections-config.xml and restarted the application servers. Now when we click the link in Communities Overview:

Now the target anchor is visible

Community Highlights

The same offset can be seen in the Highlights App and the solution above will solve it there too.

Highlights with a link pointing to an anchor link

Link clicked with default setting

Link clicked with the deployed communities.css

Author
Add a comment
Error
There was an error sending your comment, please try again.
Thank you!
Your comment has been submitted and will be published once it has been approved.

Your email address will not be published. Required fields are marked with *

Suggested Reading
Card image cap

The last years I had issues with application servers using large amount of CPU and even hanging application servers running the Tiny Spellchecking service. It ended with disabled spellchecking in the Tiny editors config.js.

Created: Read in about 8 min
Card image cap

I created a git repository with some smaller CSS files to fix some annoyances within HCL Connections.

I started with this to prevent Orient Me to load fonts from external URLs or Elasticsearch Metrics to break the UI on larger screens. These issues are solved after the last updates I got from support, but Blogs and Tailored Experience Wizard can be improved with some simple rules.

Created: Read in about 3 min
Card image cap

After rebooting the Kubernetes server for HCL Connections Componentpack, I sometimes see that Orient Me is not working and just shows:

{"error":{"statusCode":500,"message":"Internal Server Error"}}
Created: Read in about 1 min