How to navigation to create Account record and list view in LWC | Navigating to Details page on creation of record in LWC

Hey guys, today in this post we are going to learn about How to navigation to create Account record and list view in LWC.

Final Output →

Navigation to create Account record

Other related post that would you like to learn in Salesforce

👉 Download Free Ebook →

👉 Get Free Course →

Challenges in your career

🎯 If You Are Facing Any Of These 6 Challenges in your career.

Learn Salesforce Development
Career Confusion
No Interview Call
Low Salary
No Promotion/Growth
No Finding New Job Opportunity
Why you stucking from past so many years in same company?

Create HTML Page →

Step 1:- Create HTML Page : navigationPageLwc.html

navigationPageLwc.html [HTML PAGE]

```
   <template>
```

    <lightning-card title="Navigate to create Account Record Page">

```
 
```

        <!-- Navigation to create Account record and List View -->

        <div class="slds-m-around_medium">

            <TABLE class="slds-table slds-table_bordered slds-table_col-bordered">

```
                <tr>
```

                    <td STYLE="width:50%;">Navigation TO CREATE Account record</td>

                    <td STYLE="width:50%;"><lightning-button variant="brand" label="Navigation to Account" onclick={actionToNavigateAccount}></lightning-button></td>

```
                </tr>   
```
```
 
```
```
                <tr>
```

                    <td STYLE="width:50%;">Navigation TO Recent List VIEW OF Account</td>

                    <td STYLE="width:50%;"><lightning-button variant="brand" label="Navigation to list view of Account" onclick={actionToListViewAccount}></lightning-button></td>

```
                </tr>
```
```
            </table>
```
```
        </div>
```
```
 
```
```
    </lightning-card>
```
```
 
```
```
 
```
```
</template>
```

Create navigationPageLwc.js →

Step 2:- Create JavaScript Page : navigationPageLwc.js

navigationPageLwc.js [JavaScript Page]

```
 
```

  import { LightningElement, api } FROM 'lwc';

import {NavigationMixin} FROM 'lightning/navigation';

```
 
```

export DEFAULT class NavigationPageLwc extends NavigationMixin(LightningElement) {

```
 
```
```
    @api recordId='0015i000017iZ5sAAE';
```
```
 
```
```
 
```

    ///Navigation TO CREATE Account record AND List VIEW

```
 
```
```
    actionToNavigateAccount(){
```
```
       this[NavigationMixin.Navigate]({
```
```
          TYPE:'standard__objectPage',
```
```
          attributes:{
```
```
            objectApiName:'Account',
```
```
            actionName:'new'
```
```
          }
```
```
       });
```
```
    }
```
```
 
```
```
 
```
```
    actionToListViewAccount(){
```
```
 
```
```
      this[NavigationMixin.Navigate]({
```
```
         TYPE:'standard__objectPage',
```
```
         attributes:{
```
```
           objectApiName:'Account',
```
```
           actionName:'list'
```
```
         },
```
```
         filterName:'Recent'
```
```
 
```
```
      });
```
```
 
```
```
    }
```
```
}
```

FAQ (Frequently Asked Questions)

What is record view form in LWC?

Use the lightning-record-view-form component to create a form that displays Salesforce record data for specified fields associated with that record. The fields are rendered with their labels and current values as read-only. You can customize the form layout or provide custom rendering of record data.

How do I add items to a list view?

If the list is not sorted, you can use the Insert method to insert an item into the ListView at a specific position. To add a set of items to the control in a single operation, use the AddRange method.

How do I create a list view for a profile?

From Setup, in the Quick Find box, enter Profiles , and then select Profiles. In the Profiles page, click Create New View, or select a view and click Edit. Enter the view name. Under Specify Filter Criteria, specify the conditions that the list items must match, such as Modify All Data equals True.

Vijay Kumar

Hi, This is Vijay Kumar behind the admin and founder of w3web.net. I am a senior software developer and working in MNC company from more than 8 years. I am great fan of technology, configuration, customization & development. Apart of this, I love to write about Blogging in spare time, Working on Mobile & Web application development, Salesforce lightning, Salesforce LWC and Salesforce Integration development in full time. [Read full bio] | | The Sitemap where you can find all published post on w3web.net