Expand my Community achievements bar.

Guidelines for the Responsible Use of Generative AI in the Experience Cloud Community.
SOLVED

Adding a Banner to the toplevelContent

Avatar

Level 1

Is it possible for the 'banner' to be added to the toplevelContent and have it show up in the slideout menu. The banner taps to an external url.

1 Accepted Solution

Avatar

Correct answer by
Employee Advisor

Hi Jared, at this time it isn't possible to add a banner directly to the Hamburger menu as banners appear in browse pages and are not something you can directly navigate to, like a collection or an article.

I suggest if you are looking to have a navigation jump link in the hamburger menu, that you create an HTML article that just has a javascript meta refresh to go to whatever location you are trying to get to.

The HTML article would simply be something like:

<html>
 
<head>
  
<meta http-equiv="refresh" content="0;URL='http://location1.com/'">
  
<script type="text/javascript">
  window
.location.href='http://location2.com/';
  
</script>
 
</head>
 
<body>
 
 
</body>
</html>

View solution in original post

2 Replies

Avatar

Level 1

To clarify... I want the title of the banner to show up in the left pullout menu within the app. I created a 'banner' with an external url and added it to the toplevelContent.

Avatar

Correct answer by
Employee Advisor

Hi Jared, at this time it isn't possible to add a banner directly to the Hamburger menu as banners appear in browse pages and are not something you can directly navigate to, like a collection or an article.

I suggest if you are looking to have a navigation jump link in the hamburger menu, that you create an HTML article that just has a javascript meta refresh to go to whatever location you are trying to get to.

The HTML article would simply be something like:

<html>
 
<head>
  
<meta http-equiv="refresh" content="0;URL='http://location1.com/'">
  
<script type="text/javascript">
  window
.location.href='http://location2.com/';
  
</script>
 
</head>
 
<body>
 
 
</body>
</html>