Loading
×Sorry to interrupt
CSS Error
Aura Component

Output Field

  • Represents a read-only display of a label, help text, and value for a field on a Salesforce object. This component requires API version 41.0 and later.

    Descriptor

    lightning:outputField

    Targets

    Lightning Experience, Experience Builder Sites, Salesforce Mobile App

Example Options

All field types

Fields for a00R0000000x5hnIAA
Rich text will be escaped if security library not in scope

Code

<aura:component> <lightning:recordViewForm recordId="a00R0000000x5hnIAA" objectApiName="Everything__c"> <div class="slds-box slds-text-heading_medium"> Fields for a00R0000000x5hnIAA </div> <div class="slds-grid slds-grid_align-space slds-box"> <div class="slds-col slds-size_4-of-12 slds-p-horizontal_medium"> <!-- Auto Number --> <lightning:outputField fieldName="Auto_Number__c" /> <!-- Lookup --> <lightning:outputField fieldName="OwnerId" /> <!-- Boolean --> <lightning:outputField fieldName="Checkbox__c" /> <!-- Currency --> <lightning:outputField fieldName="Moneys__c" /> <!-- Date --> <lightning:outputField fieldName="Date__c" /> <!-- DateTime --> <lightning:outputField fieldName="DateTime__c" /> <!-- Email --> <lightning:outputField fieldName="Email__c" /> <!-- Location --> <lightning:outputField fieldName="GeoLoc__c" /> <!-- Int --> <!-- Double --> <lightning:outputField fieldName="Double__c" /> <lightning:outputField fieldName="Quantity__c" /> <!-- Percent --> <lightning:outputField fieldName="Percentage__c" /> <!-- Non-existent or inaccessible field--> <lightning:outputField fieldName="Nothing__Field" /> <!-- Encrypted String --> <lightning:outputField fieldName="Secret__c" /> <!-- URL --> <lightning:outputField fieldName="Website__c" /> <!-- Name --> <lightning:outputField fieldName="Name" /> </div> <div class="slds-col slds-size_8-of-12 slds-p-horizontal_medium"> <!-- Phone --> <lightning:outputField fieldName="Contact_Phone__c" /> <!-- Picklist --> <lightning:outputField fieldName="Picklist__c" /> <!-- MultiPicklist --> <lightning:outputField fieldName="MultiPicklist__c" /> <!-- Text --> <lightning:outputField fieldName="Text_Content__c" /> <!-- Text Area --> <lightning:outputField fieldName="Text_Area__c" /> <!-- Text Area Long --> <lightning:outputField fieldName="Text_Area_Long__c" /> <!-- Rich Text --> <div class="slds-box"> <div class="slds-text-heading_small">Rich text will be escaped if security library not in scope</div> <hr></hr> <lightning:outputField fieldName="Rich_Description__c" /> </div> </div> </div> </lightning:recordViewForm> </aura:component> 
Component
Example
Documentation
Specification