[SalesForce] How to navigate(to list view/recordpage) when Component(Aura/LWC) is invoked from vf page

I am invoking AuraComponent from vf page and displaying selected contacts.Now on click of cancel button in component I tried to use Navigation mix and force:navigatetoSobject to navigate to listview/recordpage,both are not working.Is there any way for navigation when component invoked from vf page?

enter image description here

Best Answer

You can try this

sampleCmp.cmp

<aura:component >
  <aura:attribute type="string" name="pgReference" />
  <button onclick="{!c.Cancel}">Cancel</button>
</aura:component >

sampleCmp.js

function : Cancel(component,event,helper){
  var pgRef = component.get("v.pgReference");
  window.location = pgRef;
}

Aura Application

<aura:application access="GLOBAL" extends="ltng:outApp">
    <aura:dependency resource="c:sampleCmp"/>
</aura:application>

VF page

<apex:page >
 <apex:includeLightning />
 <div style="width:30%;height:100px;" id="sampleContainer" />
  <script>
    $Lightning.use("c:LightningOutContainerApp", function() {
      $Lightning.createComponent("c:sampleCmp",
      { 
      pgReference : "/apex/yoururl", 
      },
      "sampleContainer",
      function(cmp) {
        console.log('Component created, do something cool here');
      });
    });
  </script>
</apex:page>
Related Topic