Custom HTML/CSS header - Hide a menu link which links to an app that it is shared with a group only

PanGIS — Thu, 30 Jan 2025 12:56:32 GMT

Hi!

I have a Custom HTML/CSS header configured for Hub.

I need to add a menu link that links to an app shared with a group and visible only if the user is signed.

For the Standard Header I managed to make this work and it is pretty easy, but fort he Custom one seems to be more complicated, hopefully not impossible.

First of all: is it even possible to the best of your knowledge?

As, per my attempt, I interrogated ChatGPT and it suggests to modify the HTML with this class

modify the CSS with this:
.private-link { display: none;

add this JavaScript caller to the HTML, but when I do so, the javascript disappears from the text an in fact also the menu link disappears because it take the display:none class.

Actually to the best of my knowledge, JavaScript is not supported at all.

Thanks!

Re: Custom HTML/CSS header - Hide a menu link which links to an app that it is shared with a group only

KlaraSchmitt — Thu, 30 Jan 2025 15:00:17 GMT

Hello @PanGIS ,

You are correct. Due to security concerns, Hub does not permit external javascript to be embedded and within my knowledge, limiting who can see links is only built into our out-of-the-box headers. I don't know of a way for you to do with with the custom header.

topic Re: Custom HTML/CSS header - Hide a menu link which links to an app that it is shared with a group only in ArcGIS Hub Questions

Custom HTML/CSS header - Hide a menu link which links to an app that it is shared with a group only

Re: Custom HTML/CSS header - Hide a menu link which links to an app that it is shared with a group only