Skip to main content
Community site session details

Community site session details

Session Id :
Power Pages - Power Apps Portals
Unanswered

Cannot Delete Breadcrumb Portal Component

(0) ShareShare
ReportReport
Posted on by 179

Hi All,

 

I'm having an issue with Portal components, in particular the Breadcrumb component. I've created a number of pages which use different page templates but they all exhibit the same behaviour. I can add components (Text, Form, Power BI, Breadcrumb, List) to the Column. However if I try to delete these components I can delete any of them except for the Breadcrumb, when I click on it the Delete button remains disabled. Can anyone help?

  • Fubar Profile Picture
    8,021 Super User 2025 Season 1 on at
    Re: Cannot Delete Breadcrumb Portal Component

    Not sure if breadcrumb has its own block in the template that you are extending, but for other items you would just override them by creating a block with the name (this then overrides the same item from the Template being Extended)

     

    <% block sidebar %>
    your replacement stuff here if any
    <% endblock %>

     

     

    https://docs.microsoft.com/en-us/powerapps/maker/portals/liquid/template-tags#block

    https://docs.microsoft.com/en-us/powerapps/maker/portals/liquid/create-custom-template

  • indyanin Profile Picture
    31 on at
    Re: Cannot Delete Breadcrumb Portal Component

    depending on your html structure you may target only the first element it finds instead of all components with breadcrumb class with eg first method. As I said I would handle your situation with jquery, but I don't know your code so I'm not able to give you a straight answer.

  • paulsnolan Profile Picture
    179 on at
    Re: Cannot Delete Breadcrumb Portal Component

    Thanks indyanin

    Thanks for the suggestion.

    My situation is that I don't want to hide the breadcrumb. When I first built the pages in question I added the Breadcrumb component to the column for the pages. In this case the breadcrumb doesn't span the whole of the page but only the single column within the section. We want the breadcrumb to span the whole of the page. I've got a very simple template which does this when applied to the pages affected, but we then have two breadcrumb components, hence why I want to delete the original component rather than hide the breadcrumb component completely.

  • indyanin Profile Picture
    31 on at
    Re: Cannot Delete Breadcrumb Portal Component

    In that case I would go straight to Content Webpage and under Advanced i would inject this jquery $('.breadcrumb').hide(); 

     

    Maybe brute-force approach but effective for sure 🙂

  • paulsnolan Profile Picture
    179 on at
    Re: Cannot Delete Breadcrumb Portal Component

    Hi indyanin

    Thanks for the reply.

    I do have some pages where I have created my own templates, and have full control over what is in them.

    However unfortunately this is not the case for the other pages which are experiencing this issue.


    One page uses the 'Default studio' template, and this template contains:

    <!-- Default studio template. Please do not modify -->
    {% include 'Page Copy' %}


    And the 'Page Copy' template contains:

    <div class="page-copy">
    {% editable page 'adx_copy' type: 'html', liquid: true %}
    </div>

     

    Another page uses the 'Full Page' template, and this template contains:

    {% extends 'Layout 1 Column' %}

    {% block main %}
    {% include 'Page Copy' %}
    {% include 'Child Navigation' showdescriptions: true %}
    {% if page.adx_entitylist %}
    {% include 'entity_list' key: page.adx_entitylist.id %}
    {% endif %}

    {% if page.adx_entityform %}
    {% entityform id: page.adx_entityform.id %}
    {% endif %}

    {% if page.adx_webform %}
    {% webform id: page.adx_webform.id %}
    {% endif %}
    {% endblock %}

     

    Another page uses the 'Blank Page' template, and this template contains:

    <div class="container">
    {% editable page 'adx_copy' %}
    </div>


    There appears to be something set somewhere which renders the Breadcrumb component as not being editable in the Studio once it has been placed on a page.
    I can modify it's style (e.g. background colour) in the themes.css

  • indyanin Profile Picture
    31 on at
    Re: Cannot Delete Breadcrumb Portal Component

    I'm not sure how are you managing content on your portal, but I do this straight from code. So when you cannot remove something, just go to the Portal Management in D365 and find Web Template which is behind that page and update Liquid code and remove the Breadcrumb block from the template.

     

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

Paul Stork – Community Spotlight

We are honored to recognize Paul Stork as our July 2025 Community…

Congratulations to the June 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 > Power Pages

#1
Lucas001 Profile Picture

Lucas001 60 Super User 2025 Season 1

#2
Fubar Profile Picture

Fubar 55 Super User 2025 Season 1

#3
surya narayanan Profile Picture

surya narayanan 35