You need to sign in to do that
Don't have an account?
Don't want hyperlink on lightning:outputField
In a Community I am using a Lightning component with lightning:recordViewForm and lightning:outputField to display fields from existing Cases.
Two of the fields are lookups, AccountId and ContactId. They are rendered as hyperlinks, and if the user clicks either link they are taken to an Account or Contact page. We don't want this - we only want the Account Name and Contact Name to be displayed (with no hyperlink).
Is it possible to set some variant or property on the lightning:outputField for AccountID and ContactID to achieve this? Or do I need to go another route?
Thanks for any help!
<aura:component implements="force:hasRecordId,forceCommunity:availableForAllPageTypes" access="global"> <lightning:card title="Case Detail" iconName="standard:case"> <p class="slds-p-horizontal_small"> <lightning:recordViewForm recordId="{!v.recordId}" objectApiName="Case"> <!--<div class="slds-grid full forcePageBlockSectionRow">--> <div class="slds-grid slds-gutters"> <!--<div class="slds-col slds-size_1-of-2">--> <div class="slds-col"> <!--<lightning:outputField fieldName="AccountId" variant="label-hidden"/>--> <lightning:outputField fieldName="AccountId"/> <lightning:outputField fieldName="ContactId"/> </div> <div class="slds-col"> <!--<div class="slds-col slds-size_1-of-2">--> <lightning:outputField fieldName="Organization_Id__c"/> <lightning:outputField fieldName="HowManyUsersImpacted__c"/> </div> </div> <div class="slds-theme_default"> <lightning:outputField fieldName="Client_Ref__c"/> <lightning:outputField fieldName="Workaround_In_Place__c"/> <lightning:outputField fieldName="Description"/> <lightning:outputField fieldName="Error_Message__c"/> <lightning:outputField fieldName="Steps_to_Reproduce__c"/> </div> </lightning:recordViewForm> </p> </lightning:card> </aura:component>
https://developer.salesforce.com/docs/component-library/bundle/lightning:outputField/documentation
Lookup: Displays a relationship between two records, for example, the account ID associated to a contact record. Lookups render as text only. Linking and hover overlays on lookup values are not supported.
Either I am misinterpreting the documentation, or something else is wrong. The above code displays both AccountID and ContactID as clickable links, and when clicked the generic Record Detail page opens.
You Can use the style attribute to remove the hyperlink? Try this: I hope you find the above solution helpful. If it does, please mark as Best Answer to help others too.
Thanks,
Ajay Dubedi
Thanks for the response. I'll look further into using the style tag. But I am using lightning:outputField inside a lightning:recordViewForm wrapper, so apex:outputField won't work. I added the style attribute as you suggested but it has no effect:
This still renders as a clickable link.
In the meantime I have worked around this issue by cloning the Customer Community Plus profile that we were using and then setting Account and Contact objects to Read Only for the new profile. The user can still click on those links but they can't do any damage.