Skip to main content

Notifications

Community site session details

Community site session details

Session Id :
Power Pages - General Discussions
Answered

Hiding submenu title in Power Page

(0) ShareShare
ReportReport
Posted on by 34

 

I'd like to achieve the same as described in this closed post:

 

Solved: Re: Hiding submenu title in power apps portal - Power Platform Community (microsoft.com)

 

In brief: I'd like to remove/hide the highlighted menu item:

 

bildaps_0-1667745426551.png

 

Performing the same action described in the other post does not work, i.e.:

 

...clearing the Page field for the main menu item e.g. Use the Portal Management App, go to:

  • Web Link Sets->Primary Navigation
  • Under the Links tab
  • Edit the 'high level' main menu item (e.g. Pages) and clear the value in the Page lookup.

 

That's because the field I clear manually gets automatically repopulated after saving the Web Link Item.

 

Question: how can I hide/remove the submenu title?

 

Categories:
  • Verified answer
    bildaps Profile Picture
    34 on at
    Re: Hiding submenu title in Power Page

    Hi @OliverRodrigues,

     

    Thanks! The post is great, it's useful for achieving the reverse of what I want to do in this case, which is hide and not show more submenu titles, yet your post was helpful to know where to look for a solution.

     

    Just for testing, I tried adding a title as per your post as it could have been possible to achieve custom submenu nesting without adding too much code, but I'm not entirely sure that the specific way described in your post is possible anymore, because the (Display as Title?) element does not appear in Web Link configuration. Not sure why though.

     

    bildaps_1-1667863012751.png

     

    Solution to hide submenu title links in Power Pages:

     

    In Portal Management: edit the Source of the (Web Template) named (Header) to remove or just comment out these lines:

     

    {% if link.name %}
    <li>
    <a 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>
    <div class="divider"></div>
    {% endif %}

    If you choose to comment them out then the usual <!-- comment syntax --> is fine.

     

    Note: hiding the title links does not mean the underlying page is deleted or removed from your site, it just means that the link will not appear in the menu. So make sure to have either a proper page inside the relevant URL or add a redirect to some other page, just don't leave the page hanging there as it will still be accessible.

     

    Further: if the subpages are meant to be publicly visible, then restricting access to the main page instead of redirecting it will not be useful as the subpages will inherit the access settings of the main page. So, create page content for public display via direct link access for example, or redirect.

  • oliver.rodrigues Profile Picture
    9,315 Most Valuable Professional on at
    Re: Hiding submenu title in Power Page

    Hi, I have an old article on something similar that might help you: http://oliverrodrigues365.com/2020/05/30/power-apps-portals-navigation-menu-setting-up-a-tree-structure-menu/

     

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

Michael Gernaey – Community Spotlight

We are honored to recognize Michael Gernaey as our June 2025 Community…

Congratulations to the May Top 10 Community Leaders!

These are the community rock stars!

Announcing the Engage with the Community forum!

This forum is your space to connect, share, and grow!

Leaderboard >