Read Query Parameter in Lightning Component

Launch Lightning Component using formula

Before Summer 18, to read parameter in Lightning Component, we had to wrap Lightning Component in Lightning Application. After Summer 18, it has changed for good.

In this blog post we would create a formula field to launch Lightning Component (yes, you read it right). And then we would read URL parameter in Lightning Component using pageReference provided by interface lightning:isUrlAddressable.

Create a formula field on Account to launch Lightning Component and read its parameter.

Formula Field to Launch Lightning Component
Formula Field to Launch Lightning Component

As you can see in above image, we would be using Hyperlink method to create link in Lightning Experience

HYPERLINK("/lightning/cmp/c__ReadParameter?accountName="+ Name , "Launch")

Create a Lightning Component with below source code

After clicking on formula field, Lightning component would look like below image showing capability to read URL parameter

Read URL Parameter in Salesforce Lightning Component
Read URL Parameter in Salesforce Lightning Component


  1. Thanks so much Jitendra, really useful article.
    Will the formula field work in Salesforce Classic and salesforce 1 mobile too?

    1. Hi Anshul,

      Did you find how to open a pop up in lightning instead of opening a new window in formula field?

      Thanks & Regards,
      Harsha BR

  2. It does not work. When you click on the hyperlink of the formula, the page loses the parameter and its reference data.

  3. will it work in community if yes i am having trouble passing it in my url as i am getting null when doing console.log

    will it work in community pages, if yes then how, can you brief me?

    this is url and i am passing parameter in it as key= sunil

    var pageReference = component.get(‘v.pageReference’); console.log(JSON.stringify(pageReference));

    but getting null as log

  4. This is not working anymore after Summer 19 . YOU Need to append namespace c__ to all parameters which you are including in url and same in the compoenent. For example above formula field would be

    HYPERLINK(“/lightning/cmp/c__ReadParameter?c__accountName=”+ Name , “Launch”)

    & code
    init : function(component, event, helper) {
    var pageReference = component.get(“v.pageReference”);
    component.set(“v.accountName”, pageReference.state.c__accountName);

  5. Hello Sir,

    As mentioned above, the formula link for your Aura Component named ReadParameter.cmp is:
    HYPERLINK(“/lightning/cmp/c__ReadParameter?accountName=”+ Name , “Launch”)

    I wonder what would be the formula link for LWC named readParameter.html?

    I have tried HYPERLINK(“/lightning/cmp/c__readParameter?accountName=”+ Name , “Launch”), but it is not working.

    Could you (or anyone reading this) please help me here?

    Thanks in advance!

Leave a Reply to Harshit Singh Cancel reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.