Hiding submenu title in Power Page

(0) Share

Report

Posted on by bildaps

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:

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:

General topics

All responses (2)

Answers (1)

Sort by

oliver.rodrigues 9,482 Most Valuable Professional on at

Like
a
(1)

Report
Copy link

Link copied!

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/
Verified answer

bildaps 34 on at

Like
a
(0)

Report
Copy link

Link copied!
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.

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  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.