I am trying to override the standard user profile component with a custom component,but it is not coming in the builder to choose. I even tried with the code given in the salesforce document still I cannot see the component in the list
<aura:component implements="forceCommunity:profileMenuInterface,force:appHostable,flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId,forceCommunity:availableForAllPageTypes" access="global">
<aura:attribute name="options" type="String[]" default="Option 1, Option 2"/>
<ui:menu >
<ui:menuTriggerLink aura:id="trigger" label="Profile Menu"/>
<ui:menuList class="actionMenu" aura:id="actionMenu">
<aura:iteration items="{!v.options}" var="itemLabel">
<ui:actionMenuItem label="{!itemLabel}" click="{!c.handleClick}"/>
</aura:iteration>
</ui:menuList>
</ui:menu>
</aura:component>
Is there something that I am missing?
Best Answer
Before tackling the main issue, you need to update your component and use only appropriate interfaces. To make your component available for record pages and any other type of page, implement the
flexipage:availableForAllPageTypes
interface, likewise, to make your component appear in Experience Builder, it must implement theforceCommunity:availableForAllPageTypes
interface and remove individual interfaces.Once the component is saved successfully, it should appear in the community builder component section. Try refreshing or reopening the community builder tab. Sometimes, in community, it is related to caching.