You need to sign in to do that
Don't have an account?
Jay Weerappulige
Head markup on communities
I want to create our own header for communities using Head Markup. I have built HTML for pages as below. But I want to add My Profile and My settings, logout URLs. How do I get the dynamic User ProfileId etc onto the HTML URL?
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<div class="slds-context-bar">
<nav class="slds-context-bar__secondary" role="navigation">
<ul class="slds-grid">
<li class="slds-context-bar__item">
<a href="javascript:void(0);" class="slds-context-bar__label-action" title="Home">
<a href="https://preprod-skillsactiveaotearoa.cs52.force.com/s/">Home</a>
</a>
</li>
<li class="slds-context-bar__item">
<a href="javascript:void(0);" class="slds-context-bar__label-action" title="Active Enrolments">
<a href="https://preprod-skillsactiveaotearoa.cs52.force.com/s/active-enrolments">Active Enrolments</a>
</a>
</li>
<li class="slds-context-bar__item">
<a href="javascript:void(0);" class="slds-context-bar__label-action" title="Outstanding Credit">
<a href="https://preprod-skillsactiveaotearoa.cs52.force.com/s/outstanding-credit">Outstanding Credit</a>
</a>
</li>
<li class="slds-context-bar__item">
<a href="javascript:void(0);" class="slds-context-bar__label-action" title="Menu Item 2">
<a href="https://preprod-skillsactiveaotearoa.cs52.force.com/s/completed-enrolments">Completed Enrolments</a>
</a>
</li>
<li class="slds-context-bar__item">
<a href="javascript:void(0);" class="slds-context-bar__label-action" title="Enrolments Per Year">
<a href="https://preprod-skillsactiveaotearoa.cs52.force.com/s/enrolments-per-year">Enrolments Per Year</a>
</a>
</li>
</ul>
<li class="slds-context-bar__item slds-context-bar__dropdown-trigger slds-dropdown-trigger slds-dropdown-trigger--hover" aria-haspopup="true">
<a href="javascript:void(0);" class="slds-context-bar__label-action" title="My Profile">
<a href="https://preprod-skillsactiveaotearoa.cs52.force.com/s/enrolments-per-year">Profile Menu</a>
<!-- <span class="slds-truncate">Menu Item</span> -->
</a>
<div class="slds-context-bar__icon-action slds-p-left--none" tabindex="0">
<button class="slds-button slds-button--icon slds-context-bar__button" tabindex="-1" title="Open menu item submenu">
<svg aria-hidden="true" class="slds-button__icon">
<use xlink:href="/assets/icons/utility-sprite/svg/symbols.svg#chevrondown"></use>
</svg>
<span class="slds-assistive-text">Open menu item submenu</span>
</button>
</div>
<div class="slds-dropdown slds-dropdown--right">
<ul class="slds-dropdown__list" role="menu">
<li class="slds-dropdown__item" role="presentation">
<a href="javascript:void(0);" role="menuitem" tabindex="-1">
<a href="https://preprod-skillsactiveaotearoa.cs52.force.com/s/profile/0053000000Bix3i">My Profile</a>
<!--<span class="slds-truncate">My Profile</span> -->
</a>
</li>
<li class="slds-dropdown__item" role="presentation">
<a href="javascript:void(0);" role="menuitem" tabindex="-1">
<a href="https://preprod-skillsactiveaotearoa.cs52.force.com/s/settings/0053000000Bix3i">My Settings</a>
<!-- <span class="slds-truncate">My Settings</span> -->
</a>
</li>
<li class="slds-dropdown__item" role="presentation">
<a href="javascript:void(0);" role="menuitem" tabindex="-1">
<span class="slds-truncate">My Company</span>
</a>
</li>
<li class="slds-dropdown__item" role="presentation">
<a href="javascript:void(0);" role="menuitem" tabindex="-1">
<a href="https://preprod-skillsactiveaotearoa.cs52.force.com/secure/logout.jsp">Logout</a>
<!--<span class="slds-truncate">Logout</span> -->
</a>
</li>
</ul>
</div>
</li>
</nav>
</div>
<html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<div class="slds-context-bar">
<nav class="slds-context-bar__secondary" role="navigation">
<ul class="slds-grid">
<li class="slds-context-bar__item">
<a href="javascript:void(0);" class="slds-context-bar__label-action" title="Home">
<a href="https://preprod-skillsactiveaotearoa.cs52.force.com/s/">Home</a>
</a>
</li>
<li class="slds-context-bar__item">
<a href="javascript:void(0);" class="slds-context-bar__label-action" title="Active Enrolments">
<a href="https://preprod-skillsactiveaotearoa.cs52.force.com/s/active-enrolments">Active Enrolments</a>
</a>
</li>
<li class="slds-context-bar__item">
<a href="javascript:void(0);" class="slds-context-bar__label-action" title="Outstanding Credit">
<a href="https://preprod-skillsactiveaotearoa.cs52.force.com/s/outstanding-credit">Outstanding Credit</a>
</a>
</li>
<li class="slds-context-bar__item">
<a href="javascript:void(0);" class="slds-context-bar__label-action" title="Menu Item 2">
<a href="https://preprod-skillsactiveaotearoa.cs52.force.com/s/completed-enrolments">Completed Enrolments</a>
</a>
</li>
<li class="slds-context-bar__item">
<a href="javascript:void(0);" class="slds-context-bar__label-action" title="Enrolments Per Year">
<a href="https://preprod-skillsactiveaotearoa.cs52.force.com/s/enrolments-per-year">Enrolments Per Year</a>
</a>
</li>
</ul>
<li class="slds-context-bar__item slds-context-bar__dropdown-trigger slds-dropdown-trigger slds-dropdown-trigger--hover" aria-haspopup="true">
<a href="javascript:void(0);" class="slds-context-bar__label-action" title="My Profile">
<a href="https://preprod-skillsactiveaotearoa.cs52.force.com/s/enrolments-per-year">Profile Menu</a>
<!-- <span class="slds-truncate">Menu Item</span> -->
</a>
<div class="slds-context-bar__icon-action slds-p-left--none" tabindex="0">
<button class="slds-button slds-button--icon slds-context-bar__button" tabindex="-1" title="Open menu item submenu">
<svg aria-hidden="true" class="slds-button__icon">
<use xlink:href="/assets/icons/utility-sprite/svg/symbols.svg#chevrondown"></use>
</svg>
<span class="slds-assistive-text">Open menu item submenu</span>
</button>
</div>
<div class="slds-dropdown slds-dropdown--right">
<ul class="slds-dropdown__list" role="menu">
<li class="slds-dropdown__item" role="presentation">
<a href="javascript:void(0);" role="menuitem" tabindex="-1">
<a href="https://preprod-skillsactiveaotearoa.cs52.force.com/s/profile/0053000000Bix3i">My Profile</a>
<!--<span class="slds-truncate">My Profile</span> -->
</a>
</li>
<li class="slds-dropdown__item" role="presentation">
<a href="javascript:void(0);" role="menuitem" tabindex="-1">
<a href="https://preprod-skillsactiveaotearoa.cs52.force.com/s/settings/0053000000Bix3i">My Settings</a>
<!-- <span class="slds-truncate">My Settings</span> -->
</a>
</li>
<li class="slds-dropdown__item" role="presentation">
<a href="javascript:void(0);" role="menuitem" tabindex="-1">
<span class="slds-truncate">My Company</span>
</a>
</li>
<li class="slds-dropdown__item" role="presentation">
<a href="javascript:void(0);" role="menuitem" tabindex="-1">
<a href="https://preprod-skillsactiveaotearoa.cs52.force.com/secure/logout.jsp">Logout</a>
<!--<span class="slds-truncate">Logout</span> -->
</a>
</li>
</ul>
</div>
</li>
</nav>
</div>
<html>