Skip to main content

Notifications

Customer Service forum
Suggested answer

Navigation bar in Dynamics 365 Portal

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

  • Suggested answer
    Community Member Profile Picture
    Community Member Microsoft Employee on at
    RE: Navigation bar in Dynamics 365 Portal

    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>
  • Suggested answer
    CRMJetty Profile Picture
    CRMJetty 3,508 on at
    RE: Navigation bar in Dynamics 365 Portal

    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.

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

November Spotlight Star - Khushbu Rajvi

Congratulations to a top community star!

Forum Structure Changes Coming on 11/8!

In our never-ending quest to help the Dynamics 365 Community members get answers faster …

Dynamics 365 Community Platform update – Oct 28

Welcome to the next edition of the Community Platform Update. This is a status …

Leaderboard

#1
André Arnaud de Calavon Profile Picture

André Arnaud de Cal... 290,867 Super User 2024 Season 2

#2
Martin Dráb Profile Picture

Martin Dráb 229,173 Most Valuable Professional

#3
nmaenpaa Profile Picture

nmaenpaa 101,156

Leaderboard

Featured topics

Product updates

Dynamics 365 release plans