[SalesForce] Navigate to Lightning Component from Visualforce in Salesforce1

I have this scenario where I have overridden Account New button with a Visualforce page which redirects users to a Lightning App when the user is in Lightning Experience or else redirects to another Visualforce page when the user is in Classic. This works fine!

Now when I open the same in Salesforce1, I want the control to go to the Lightning App which is not happening. Getting the following error:

You can't view this page, either because you don't have permission or
because the page isn't supported on mobile devices.

Is there any way to navigate to custom Lightning App in Salesforce1 or at least navigate to Lightning Components?

Best Answer

This have been a puzzle for a long time for me.The fact that you cannot from a visualforce page go to a component, the only way i got it to work is by a little hack :

 window.parent.location = '/one/one.app#ew0KICAgICJjb21wb25lbnREZWYiIDogImM6TEMyOF9HZXN0aW9uQ29tcHRlIiwNCiAgICAiYXR0cmlidXRlcyIgOiB7fQ0KICB9';

from your visualforce page redirect to the parent location where the base64 encoding part represent the json component in base64 :

{"componentDef" : "c:LC28_GestionCompte","attributes" : {}}

from the above code, I am redirecting to the LC28_GestionCompte component. For sure this is not the recommended way, but it is the best option i found so far. And even salesforce said that there is no way for now. I serach for every possible post to be able to do it the nice way, but found none. So think this can help someone.

Related Solutions

[SalesForce] Which browser engine does the Salesforce1 native app use to render visualforce page content

From what I understand, Salesforce1 is using the Salesforce Mobile SDK which is built on top of Phonegap (see Andrew's informative answer here for more on the technologies behind the Salesforce1 app).

So taking a look at what Phonegap has to say on the matter:

The web view used by PhoneGap is the same web view used by the native operating system. On iOS, this is the Objective-C UIWebView class; on Android, this is android.webkit.WebView. Since there are differences in the web view rendering engines between operating systems, make sure that you account for this in your UI implementation.

[SalesForce] Navigate from Lightning Component in Record Page to Lightning App

The one.app is the lightning app that has the sidebars and all the standard salesforce features.

When you create a custom app, you will notice your app has name like myApp.app. This app doesn't get any of the functionalities of the one.app. If you need a sidebar in this app, you would have to implement it yourself.

If you want to have the sidebar, may be you should navigate to a lightning component tab instead of a lightning app?

Of course this only works if the contents of your app can also be contained within a lightning component and added to a lightning component tab.

---EDIT--- Following this example, Here's how you would do it:

var urlEvent = $A.get("e.force:navigateToURL");
     urlEvent.setParams({
      "url": "https://lightningtest-dev-ed.lightning.force.com/one/one.app?source=aloha#eyJjb21wb25lbnREZWYiOiJvbmyI6ImxpZ2h0bmluZ2twcjpuZXN0ZWRDb21wb25lbnRzIn19LCJ0IjoxNDY3MzkwNDY0NzQwfQ%3D%3D"
    });
    urlEvent.fire();

Best Answer

Related Solutions

[SalesForce] Which browser engine does the Salesforce1 native app use to render visualforce page content

[SalesForce] Navigate from Lightning Component in Record Page to Lightning App

Related Topic