Test Index

Salesforce Platform Developer II Exam

Question : 5

Total: 33

 <lightning:layout multipleRows="true"> 
      <lightning:layoutItem size="12">{!v.account.Name} 
      </lightning:layoutItem> 
   
       <lightning:layoutItem size="12">{!v.account.AccountNumber} 
      </lightning:layoutItem> 
   
       <lightning:layoutItem size="12" >{!v.account.Industry} 
      </lightning:layoutItem> 
   </lightning:layout>

Refer to the component code above. The information displays as expected (in three rows) on a mobile device. However, the information is not displaying as desired(in a single row) on a desktop or tablet.
Which option has the correct componentchanges to display correctly on desktops and tablets?

<lightning:layout multipleRows="true" > <lightning:layoutItem size="12" mediumDeviceSize="6" largeDeviceSize="4" >{!v.account.Name} </lightning:layoutItem > <lightning:layoutItem size="12" mediumDeviceSize="6" largeDeviceSize="4" >{!v.account.AccountNumber} </lightning:layoutItem > <lightning:layoutItem size="12" mediumDeviceSize="6" largeDeviceSize="4" >{!v.account.Industry} </lightning:layoutItem > </lightning:layout >
<lightning:layout multipleRows="true" > <lightning:layoutItem size="12" largeDeviceSize="4">{!v.account.Name} </lightning:layoutItem > <lightning:layoutItem size="12" largeDeviceSize="4" >{!v.account.AccountNumber} </lightning:layoutItem > <lightning:layoutItem size="12" largeDeviceSize="4" >{!v.account.Industry} </lightning:layoutItem > </lightning:layout >
<lightning:layout multipleRows="true" > <lightning:layoutItem size="12" mediumDeviceSize="4" >{!v.account.Name} </lightning:layoutItem > <lightning:layoutItem size="12" mediumDeviceSize="4" >{!v.account.AccountNumber} </lightning:layoutItem > <lightning:layoutItem size="12" mediumDeviceSize="4" >{!v.account.Industry} </lightning:layoutItem > </lightning:layout >
<lightning:layout multipleRows="true" > <lightning:layoutItem size="12" mediumDeviceSize="6" >{!v.account.Name} </lightning:layoutItem > <lightning:layoutItem size="12" mediumDeviceSize="6" >{!v.account.AccountNumber} </lightning:layoutItem > <lightning:layoutItem size="12" mediumDeviceSize="6" >{!v.account.Industry} </lightning:layoutItem > </lightning:layout >

Validate

Go to Question:

Prev Question

Next Question

Salesforce Platform Developer II Exam

More Free Exams: