function readOnly(count){ }
Sign Up ›
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
Learn More

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
Dhiliban Thangavel 6Dhiliban Thangavel 6 

Integrate lightning app into Visualforce page.



Hello,

I am trying to add lightning app into visualforce page. As per the below link i added the Lightning component  into visualfore page. But getting the below erorr. Added code also below. Plese provide some suggestions. Thanks in advance.

https://developer.salesforce.com/docs/atlas.en-us.198.0.lightning.meta/lightning/components_visualforce.htm

User-added image

User-added image
Best Answer chosen by Dhiliban Thangavel 6
Alderete_SFDCAlderete_SFDC
Keep in mind that this is a Winter '16 feature. It will only work in your org today if your org has already upgraded to Winter '16 — which is NOT most orgs.

If that's not it, perhaps you could post the actual text of the error message, since it's impossible to read in the screenshot.

All Answers

Alderete_SFDCAlderete_SFDC
Keep in mind that this is a Winter '16 feature. It will only work in your org today if your org has already upgraded to Winter '16 — which is NOT most orgs.

If that's not it, perhaps you could post the actual text of the error message, since it's impossible to read in the screenshot.
This was selected as the best answer
Dhiliban Thangavel 6Dhiliban Thangavel 6
Hello Alderete,

Thank you so much. Yes, still the org is not updated with Winter'16 feature. 
Ken KoellnerKen Koellner
I'm trying to get this to work.  My SB in on Winter '16.  I'm getting a 404 on my aura component (I have firebug on my browser).


This is KKTestApp1.app -- 
<aura:application access="GLOBAL" extends="ltng:outApp"> 
  <aura:dependency resource="ui:button"/>
</aura:application>
This is KKTestLightningContainer.vfp -- 
<apex:page>
    <apex:includeLightning />
     This is a test.
    <div id="lightning" />

    <script>
        $Lightning.use("hmhco:KKTestApp1", function() {
          $Lightning.createComponent("ui:button",
          { label : "Press Me!" },
          "lightning",
          function(cmp) {
            // do some stuff
          });
        });
    </script>
</apex:page>



I tried including our domain "hmhco:KKTestApp1", leaving it out "KKTestApp1", and just "c" as in the example "c:KKTestApp1".

I'm my firebug console, I get 404 error on the URL --
 https://hmhco--sb2.cs42.my.salesforce.com/hmhco/KKTestApp1.app?aura.format=JSON&aura.formatAdapter=LIGHTNING_OUT
or --
https://hmhco--sb2.cs42.my.salesforce.com/c/KKTestApp1.app?aura.format=JSON&aura.formatAdapter=LIGHTNING_OUT"
or --
https://hmhco--sb2.cs42.my.salesforce.com/KKTestApp1/undefined.app?aura.format=JSON&aura.formatAdapter=LIGHTNING_OUT"


Maybe I need a different prefix.

Maybe there is some global setting to turn something on and make it available.

I'm working for these instructions -- https://developer.salesforce.com/docs/atlas.en-us.lightning.meta/lightning/components_visualforce.htm

There's no additional info on anything that has to be done.