In LWC How to redirect back to case list view page after opening a record creation popup by clicking on 'New' overrided button. LWC

Question

I have a requirement to override 'New' button for record type selection CASE object, on recordType selection for one of the record type(1 out of 4) i need to open custom LWC component. for 3 remaining record types i need to open standard lightning popups.

I created LWC component for opening record type selection. from that popup i am opening new standard record creation popup. There while clicking on the cancel it is just closing the popup and staying on the record type selection lwc. But i need to redirect to case list view.

Custom LWC for record type selectoin Case object

I am opening this standard record creation popup by using below code with returl but while clicking on the cancel button, it is not going back to case list view.

    this[NavigationMixin.Navigate]({
        "type": "standard__webPage",
       "attributes": {
          "url": str.concat(this.recordTypeId, '&retURL=%2F500%2Fo')
     }
  });

Answer 1

You should not really use standard__webPage.

Instead you can use standard__objectPage like below:

this[NavigationMixin.Navigate]({
        type: "standard__objectPage",
        attributes: {
            objectApiName: "Account",
            actionName: "new"
        },
        state: {
            nooverride: 1,
            useRecordTypeCheck: 1,
            navigationLocation: 'LIST_VIEW',
            backgroundContext: '/lightning/o/Account/list?filterName=00B280000047uEuEAI',
            recordTypeId: '0120K000000TO5KQAW'
        }
    });

You can get the filterName from using SOQL SELECT Id, Name, SobjectType FROM ListView WHERE SobjectType='Account'.

This will open the new record form (standard form) over list view. So, when its cancelled, directly mentioned list view is shown.

Answer 2

You will not have any control over the popup you are using in Lightning. What i can suggest is use lightning-record-form component which enables you to quickly create forms to add, view, or update a record. You can create your own custom modal popup and use lightning-record-form in the body. You will have the control on events like :-

1. Onload
2. Onsuccess
3. Oncancel
4. Onerror

Note:- It accepts the recordType id and respect field-level security and sharing for you, so users see only the data that they have access to.

Read more about them:- lightning-record-form

And a sample custom modal popup example in LWC recipes is here:- Modal