Example layouts using the Lightning layout and card components

In this section, we will explore some examples of how to create the layout using Lightning:layout, Lightning:layoutItem, and Lightning:card.

You can use Salesforce DX format for all of the code shared in this chapter. Clone the repository using the git clone https://github.com/PacktPublishing/Learning-Salesforce-Lightning-Application-Development command. Once you have the project, cd into chapter3 and follow the instructions to create a scratch org and push the source code.

Take the following steps to observe the output of the examples covered in this section:

  1. Start by creating a Lightning Application via the Developer Console, as follows:
  1. Copy the markup code provided in the following examples for each section into the application file of the bundle created in step 1, as follows:
Screenshot shows how one can use developer console to create a test application
  1. Preview the application using the Preview link provided in the Developer Console. The following screenshot shows the Preview link:
..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset
18.189.180.43