web
You’re offline. This is a read only version of the page.
close
Skip to main content

Announcements

News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Pages / Restoring the Sign Out...
Power Pages
Answered

Restoring the Sign Out function

(0) ShareShare
ReportReport
Posted on by 10

Hi All,

 

We have a few of us working on a portal at the moment, however, I believe someone has gone and removed an important line of the HTML script as when you now click the drop-down the Sign out function is no longer visible. (see image)

 

I Can't seem to work out what was in place prior to this change being made, if anyone can provide a way to restore this to the script that would be appreciated. 

2021-08-09 11_01_22-Power Apps.png
Categories:
  • Verified answer
    ragavanrajan Profile Picture
    7,044 Most Valuable Professional on at

    Hi @AshyPeach , 

     

     In Portal Management > Content > Web Templates > header 

    and paste in the following HTML code 

     

    {% assign defaultlang = settings['LanguageLocale/Code'] | default: 'en-us' %}
    {% assign homeurl = website.adx_partialurl %}
    <div class="navbar navbar-inverse navbar-static-top" role="navigation">
     <div class="skip-to-content"><a href="#mainContent">{{ resx.Skip_To_Content | default: "Skip to main content" }}</a></div>
     <div class="container">
     <div class="navbar-header">
    
     <!--div class="visible-xs-block">
     {% editable snippets 'Mobile Header' type: 'html' %}
     </div-->
     <div class="visible-sm-block visible-md-block visible-lg-block visible-xs-block navbar-brand">
     {% editable snippets 'Mobile Header' type: 'html' %}
     </div>
     <button type="button" class="navbar-toggle collapsed" title="{{ snippets["Header/Toggle Navigation"] | default: resx['Toggle_Navigation'] | h }}" data-toggle="collapse" data-target="#navbar" aria-expanded="false" onclick="setHeight();">
     <span class="sr-only">{{ snippets["Header/Toggle Navigation"] | default: resx['Toggle_Navigation'] | h }}</span>
     <span class="icon-bar"></span>
     <span class="icon-bar"></span>
     <span class="icon-bar"></span>
     </button>
     </div>
     <div id="navbar" class="navbar-collapse collapse">
     {% assign primary_nav = weblinks["Default"] %}
     {% if primary_nav %}
     <div class="navbar-right menu-bar {% if primary_nav.editable %}xrm-entity xrm-editable-adx_weblinkset{% endif %}" data-weblinks-maxdepth="2">
     <ul class="nav navbar-nav weblinks" role="menubar">
     {% for link in primary_nav.weblinks %}
     {% unless forloop.first %}
     <li class="divider-vertical" aria-hidden="true"></li>
     {% endunless %}
     {% if link.display_page_child_links %}
     {% if link.url != null %}
     {% assign sublinks = sitemap[link.url].children %}
     {% endif %}
     {% else %}
     {% assign sublinks = link.weblinks %}
     {% endif %}
     <li role="none" class="weblink {% if sublinks.size > 0 %} dropdown{% endif %}">
     <a role="menuitem" aria-label="{{ link.name | escape }}" {% if sublinks.size > 0 -%} href="#" class="dropdown-toggle" data-toggle="dropdown" {%- else -%} href="{{ link.url | escape }}" {%- endif -%} {%- if link.Open_In_New_Window %} target="_blank" {% endif -%} {%- if link.nofollow %} rel="nofollow" {% endif -%} {%- if link.tooltip %} title="{{ link.tooltip | escape }}" {% endif %}>
     {%- if link.image -%}
     {%- if link.image.url -%}
     {%- if link.image.url.first == '.' -%}
     <span class="{{ link.image.url | split:'.' | join }}" aria-hidden="true"></span>
     {%- endif -%}
     {%- else -%}
     <img src="{{ link.image.url | escape }}" alt="{{ link.image.alternate_text | default:link.tooltip | escape }}" {% if link.image.width %}width="{{ link.image.width | escape }}" {% endif %} {% if link.image.height %}height="{{ link.image.height | escape }}" {% endif %} />
     {%- endif -%}
     {%- endif -%}
     {%- unless link.display_image_only -%}
     {{ link.name | escape }}
     {%- endunless -%}
     {%- if sublinks.size > 0 -%}
     <span class="caret"></span>
     {%- endif -%}
     </a>
     {% if sublinks.size > 0 %}
     <ul class="dropdown-menu" role="menu">
     {% if link.name %}
     <li role="none">
     <a role="menuitem" aria-label="{{ link.name | escape }}" href="{{ link.url }}" {% if link.Open_In_New_Window %} target="_blank" {% endif %} {% if link.nofollow %}rel="nofollow" {% endif %} {% if link.tooltip %}title="{{ link.tooltip | escape }}" {% endif %}>{{ link.name | escape }}</a>
     </li>
     <div class="divider"></div>
     {% endif %}
     {% for sublink in sublinks %}
     <li role="none">
     <a role="menuitem" aria-label="{{ sublink.name | default:sublink.title | escape }}" href="{{ sublink.url }}" {% if sublink.Open_In_New_Window %} target="_blank" {% endif %} {% if sublink.nofollow %}rel="nofollow" {% endif %} {% if sublink.tooltip %}title="{{ sublink.tooltip | escape }}" {% endif %}>
     {{ sublink.name | default:sublink.title | escape }}
     </a>
     </li>
     {% endfor %}
     </ul>
     {% endif %}
     </li>
     {% endfor %}
     {% assign search_enabled = settings['Search/Enabled'] | boolean | default:true %}
     {% if search_enabled %}
     <li class="divider-vertical" aria-hidden="true"></li>
     <li role="none" class="dropdown">
     <a id="search" class="navbar-icon" href="#" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" aria-label="{{ snippets["Header/Search/ToolTip"] | default:resx["Search_DefaultText"] | escape }}">
     <span class="glyphicon glyphicon-search"></a>
     </a>
     <div class="dropdown-menu dropdown-search">
     {% include 'Search' search_id:'q' %}
     </div>
     </li>
     {% endif %}
     <li class="divider-vertical" aria-hidden="true"></li>
     {% if website.languages.size > 1 %}
     <li class="dropdown" role="none">
     <a class="dropdown-toggle" href="#" data-toggle="dropdown" role="menuitem" aria-label="{{ website.selected_language.name | escape }}" aria-haspopup="true" aria-expanded="false" title="{{ website.selected_language.name | escape }}">
     <span class="drop_language">{{ website.selected_language.name | escape }}</span>
     <span class="caret"></span>
     </a>
     {% include 'Languages Dropdown' %}
     </li>
     <li class="divider-vertical" aria-hidden="true"></li>
     {% endif %}
     {% if user %}
     <li class="dropdown" role="none">
     {% assign username=user.fullname | escape %}
     <a href="#" class="dropdown-toggle" title="{{username | escape | default: resx['Default_Profile_name'] }}" data-toggle="dropdown" role="menuitem" aria-haspopup="true" aria-expanded="false">
     <span class="username">{{ username | escape | default: resx['Default_Profile_name'] }}</span>
     <span class="caret"></span>
     </a>
     <ul class="dropdown-menu" role="menu">
     {% assign show_profile_nav = settings["Header/ShowAllProfileNavigationLinks"] | boolean | default:true %}
     {% if show_profile_nav %}
     {% assign profile_nav = weblinks["Profile Navigation"] %}
     {% if profile_nav %}
     {% for link in profile_nav.weblinks %}
     <li role="none">
     <a role="menuitem" aria-label="{{ link.name | escape }}" href="{{ link.url | escape }}" title="{{ link.name | escape }}">{{ link.name | escape }}</a>
     </li>
     {% endfor %}
     {% endif %}
     {% else %}
     <li role="none"><a role="menuitem" aria-label="{{ snippets["Profile Link Text"] | default:resx["Profile_Text"] | escape }}" href="{{ sitemarkers['Profile'].url | escape }}">{{ snippets["Profile Link Text"] | default:resx["Profile_Text"] | escape }}</a></li>
     {% endif %}
     <li class="divider" role="separator" aria-hidden="true"></li>
     <li role="none">
     <a role="menuitem" aria-label="{{ snippets["links/logout"] | default:resx["Sign_Out"] | escape }}" href="{% if homeurl%}/{{ homeurl }}{% endif %}{{ website.sign_out_url_substitution }}" title="{{ snippets["links/logout"] | default:resx["Sign_Out"] | escape }}">
     {{ snippets["links/logout"] | default:resx["Sign_Out"] | escape }}
     </a>
     </li>
     </ul>
     </li>
     {% else %}
     <li role="none">
     <a role="menuitem" aria-label="{{ snippets["links/login"] | default:resx["Sign_In"] | escape }}" href="{% if homeurl%}/{{ homeurl }}{% endif %}{{ website.sign_in_url_substitution }}">
     {{ snippets["links/login"] | default:resx["Sign_In"] | escape }}
     </a>
     </li>
     {% endif %}
     </ul>
     {% editable primary_nav %}
     </div>
     {% endif %}
     </div>
     </div>
    </div>
    {% substitution %}
    {% assign current_page = page.id %}
    {% assign sr_page = sitemarkers["Search"].id %}
    {% assign forum_page = sitemarkers["Forums"].id %}
    {% if current_page %}
    {% if current_page == sr_page or current_page == forum_page %}
    {% assign section_class = "section-landing-search" %}
    {% if current_page == forum_page %}
    {% assign section_class = "section-landing-forums" %}
    {% endif %}
    <section class="page_section {{ section_class | h }} color-inverse">
     <div class="row sectionBlockLayout sectionFixedStyle" style="display: flex; flex-wrap: wrap; text-align: center; min-height: 420px; background: url('/Homehero.png') center / cover no-repeat; padding: 8px; margin: 0px;">
     <div class="container" style="display: flex; flex-wrap: wrap;">
     <div class="col-md-12 columnBlockLayout" style="display: flex; flex-direction: column; justify-content: center;">
     {% if current_page == sr_page %}
     <h1 id="mainContent">{% editable snippets 'Search/Title' default: resx["Discover_Contoso"] %}</h1>
     {% include 'Search' search_id:'search_control' %}
     {% endif %}
     </div>
     </div>
     </div>
    </section>
    {% endif %}
    {% endif %}
    {% endsubstitution %}
    <script type="text/javascript">
     window.onload = function() {
     if (window.navigator.appName == "Microsoft Internet Explorer" || window.navigator.userAgent.indexOf("Trident") > 0) {
     var searchElement = document.getElementById("search");
     if (searchElement != null) searchElement.setAttribute("href", "");
     }
     };
     function setHeight() {
     var windowHeight = window.innerHeight - 140;
     var navbar = document.getElementById("navbar");
     if (navbar) {
     navbar.style.maxHeight = windowHeight + "px";
     }
     }
     window.addEventListener('resize', function(event) {
     setHeight();
     });
    </script>

     

    You will get your Sign out back. 

     

    Hope it helps. 
    ------------

    If you like this post, give it a Thumbs up. Where it solved your request, Mark it as a Solution to enable other users to find it.

  • AshyPeach Profile Picture
    10 on at

    Perfect thank you! 

  • ragavanrajan Profile Picture
    7,044 Most Valuable Professional on at

    Glad it helped @AshyPeach. 

     

    I think you have wrongly marked the solution. Could you please mark the proper solution?  so that it will help others in future. 

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Season of Sharing Community Challenge Winners!

Congratulations to our community stars!

Kudos to our 2025 Community Spotlight Honorees

Expanding mentorship, skilling, and AI innovation

Leaderboard > Power Pages

#1
M Bilal Khan Profile Picture

M Bilal Khan 139

#2
Mohsin Ali Profile Picture

Mohsin Ali 41

#3
11manish Profile Picture

11manish 19 Super User 2026 Season 2

Last 30 days Overall leaderboard