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

Notifications

Announcements

No record found.

Community site session details

Community site session details

Session Id :
Service | Customer Service, Contact Center, Fie...
Suggested Answer

Navigation bar in Dynamics 365 Portal

(0) ShareShare
ReportReport
Posted on by 90

Hi, 

i have little error. My navgation (sign in, knowledge, etc. )  in custom portal ( Dynamics 365 Portal ) is disappeared. 

I don't know why ;/ Iook over the solution form another consultant. 

Screen-Shot-09_2D00_27_2D00_22-at-02.39-PM.PNG

Damian

I have the same question (0)
  • Suggested answer
    CRMJetty Profile Picture
    3,512 on at

    Hello ecrevisse,

    Pls refer this thread

    https://powerusers.microsoft.com/t5/Power-Apps-Portals/Power-Portal-Navigation-Bar/m-p/891728#M8320

    https://community.dynamics.com/crm/f/microsoft-dynamics-crm-forum/214840/top-navigation-bar-is-missing?pifragment-97030=1

    I hope it helps,

    Thanks.

    Please mark as verified if the answer is helpful. Welcome to join hot discussions in Dynamics 365 Portal.

  • Suggested answer
    Community Member Profile Picture
    on at

    Hi ecrevisse, 

    You can press F12 to check if the navigation bar div(class="navbar navbar-inverse navbar-static-top" role="navigation") is missing.

    pastedimage1664354048872v1.png

    If not, this may be due to the absence of source code for the "Header" web template.

    pastedimage1664354639471v1.png

    To resolve this issue, you can copy the source code of “Header” web template from the following OOB code and paste it in your web template.

    {% 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 navbar-brand">
    {% editable snippets 'Navbar Left' 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["Primary Navigation"] %}
    {% if primary_nav %}
    <nav aria-label="{{ resx.Main_Navigation | default: "Main Navigation" }}" 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">
    {% 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 aria-label="{{ link.name | escape }}" aria-roledescription = "link"
    {% 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 startswith '.' -%}
    <span class="{{ link.image.url | split:'.' | join }}" aria-hidden="true"></span>
    {%- 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" aria-roledescription = "link">
    {% if link.url %}
    <li>
    <a role="menuitem"
    aria-label="{{ link.name | escape }}" aria-roledescription = "link"
    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>
    <li class="divider"></li>
    {% endif %}
    {% for sublink in sublinks %}
    <li>
    <a role="menuitem"
    aria-label="{{ sublink.name | default:sublink.title | escape }}" aria-roledescription = "link"
    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 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>
    <ul class="dropdown-menu dropdown-search">
    <li>
    {% include 'Search' search_id:'q'%}
    </li>
    </ul>
    </li>
    {% endif %}
    <li class="divider-vertical" aria-hidden="true"></li>
    {% if website.languages.size > 1 %}
    <li class="dropdown">
    <a class="dropdown-toggle" aria-roledescription = "link" 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">
    {% assign username=user.fullname | escape %}
    <a href="#" class="dropdown-toggle" aria-roledescription = "link" title="{{username | default: resx['Default_Profile_name'] }}" data-toggle="dropdown" role="menuitem" aria-haspopup="true" aria-expanded="false">
    <span class="username">{{ username | 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>
    <a role="menuitem" aria-label="{{ link.name | escape }}" aria-roledescription = "link" href="{{ link.url | escape }}" title="{{ link.name | escape }}">{{ link.name | escape }}</a>
    </li>
    {% endfor %}
    {% endif %}
    {% else %}
    <li><a role="menuitem" aria-label="{{ snippets["Profile Link Text"] | default:resx["Profile_Text"] | escape }}" aria-roledescription = "link" 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>
    <a role="menuitem" aria-label="{{ snippets["links/logout"] | default:resx["Sign_Out"] | escape }}" aria-roledescription = "link" 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>
    <a role="menuitem" aria-label="{{ snippets["links/login"] | default:resx["Sign_In"] | escape }}" aria-roledescription = "link" href="{% if homeurl%}/{{ homeurl }}{% endif %}{{ website.sign_in_url_substitution }}" title="{{ snippets["links/login"] | default:resx["Sign_In"] | escape }}">
    {{ snippets["links/login"] | default:resx["Sign_In"] | escape }}
    </a>
    </li>
    {% endif %}
    </ul>
    {% editable primary_nav %}
    </div>
    {% endif %}
    <div class="navbar-right hidden-xs">
    {% editable snippets 'Navbar Right' type: 'html' %}
    </div>
    </div>
    </div>
    </div>

    {% substitution %}
    {% assign current_page = page.id %}
    {% assign sr_page = sitemarkers["Search"].id %}
    {% assign forum_page = sitemarkers["Forums"].id %}
    {% 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="container">
    <div class="row ">
    <div class="col-md-12 text-center">
    {% if current_page == sr_page %}
    <h1 class="section-landing-heading">{% editable snippets 'Search/Title' default: resx["Discover_Contoso"] %}</h1>
    {% include 'Search' search_id:'search_control'%}
    {% endif %}
    </div>
    </div>
    </div>
    </section>
    {% 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>

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

Responsible AI policies

As AI tools become more common, we’re introducing a Responsible AI Use…

Neeraj Kumar – Community Spotlight

We are honored to recognize Neeraj Kumar as our Community Spotlight honoree for…

Leaderboard > Service | Customer Service, Contact Center, Field Service, Guides

#1
Tom_Gioielli Profile Picture

Tom_Gioielli 55 Super User 2025 Season 2

#2
Daniyal Khaleel Profile Picture

Daniyal Khaleel 25 Most Valuable Professional

#3
Soundari Profile Picture

Soundari 15

Last 30 days Overall leaderboard

Featured topics

Product updates

Dynamics 365 release plans