How do I create a sidebar within a portal to navigate to the different portal pages?
Thanks for your help.
Hello,
Please follow this sample html structure to create a sidebar section.
1. Add this code inside the header part of the portal so that all pages that you create will show the sidebar.
<html>
<body>
<div class"sidebar">
<u>
<li><a href="{!page_url_token#url}">Home</a></li>
<li><a href="{!page_url_token_1#url}">Page 1</a></li>
<li><a href="{!page_url_token_2#url}">Page 2</a></li>
</ul>
</div>
<div class="content">/*this will hold the content of each page*/
</div> /*put this in the footer part of the page*/
</body>
</html>
This is just a straight forward approach. You still need to add other important tags like meta, title, scripts, and css.
Hope this helps,
Thank you,
Gian
Hello,
You can define a HTML template in your portal's header and footer, and as such define a <div> element for your sidebar links, and another <div> element for your pages content.
Your div for the sidebar could start and end in the portal's "header", whereas your div for the pages content would have to start in the portal's "header" and end in the portal's footer.
In your sidebar div, you can then put all of your portal pages needed by using the portal pages URL tokens like: {!#PORTAL.15983781.61897511#url}
{!#PORTAL.XXXXXX.YYYYYY#url} tokens are of the form:
- XXXXXX: Original id of your portal.
- YYYYYY: Original id of your page.
Kind regards,
Romain.
Hello,
Please follow this sample html structure to create a sidebar section.
1. Add this code inside the header part of the portal so that all pages that you create will show the sidebar.
<html>
<body>
<div class"sidebar">
<u>
<li><a href="{!page_url_token#url}">Home</a></li>
<li><a href="{!page_url_token_1#url}">Page 1</a></li>
<li><a href="{!page_url_token_2#url}">Page 2</a></li>
</ul>
</div>
<div class="content">/*this will hold the content of each page*/
</div> /*put this in the footer part of the page*/
</body>
</html>
This is just a straight forward approach. You still need to add other important tags like meta, title, scripts, and css.
Hope this helps,
Thank you,
Gian
Got it, thank you to Romain and Gian!