0

enter image description here

Hi Ohana ,please help me in the below code to get the look and feel as above screenshot.
Component :-
       <aura:attribute name="acclstRec" type="List" /> 

    <aura:handler name="init" value="{!this}" action="{!c.doInit}"/>

    <lightning:card title="Model Name" iconName="custom:custom1" footer="Card Footer" >
                 <div class="slds-grid slds-wrap">

      <aura:iteration items="{!v.acclstRec}" var="item">
        <div class="slds-size_1-of-2">
        <div class="slds-box">

            <img src="{!$Resource.Watch}">
            </img>
            </div>
          </div>

        <div class="slds-size_1-of-2">

      <lightning:recordViewForm recordId="{!item.Id}" objectApiName="Contact">
        <div class="slds-box">
            <lightning:outputField fieldName="Name" />
            <lightning:outputField fieldName="Email" />
            <lightning:outputField fieldName="Phone" />

        </div>
    </lightning:recordViewForm>
          </div>
      </aura:iteration>
          </div>    
    </lightning:card>

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Browse other questions tagged or ask your own question.