Sign Up ›

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
si risi ri 

How to call Lightning component from visualforce component?

I would like to keep a link in the VF component and from that link I need to open Lightning component.
AnudeepAnudeep (Salesforce Developers) 
I know that we cannot use a visualforce component in lightning component. Unsure if we can use lightning components inside a VF component

Even if you have to do it, lightning out is the only way possible. 
  
<apex:component >
<apex:includeLightning />
<script>
        var myUserContext = "{!$User.UITheme}";
  
        $Lightning.use("c:sampleApp", function() {
        $Lightning.createComponent(
            "c:samplecomponent",
            { UserContext: myUserContext },
            "myDivId",
            function(cmp) {
                console.log('component created');
                console.log(cmp);
            });
        });
     </script>
    <apex:attribute name="myValue" description="This is the value for the component."
        type="String" required="true"/>

    <apex:attribute name="borderColor" description="This is color for the border."
        type="String" required="true"/>

    <h1 style="border:{!borderColor}">
        <apex:outputText value="{!myValue}"/>
    </h1>

</apex:component>

You can give a try to see if it works

Anudeep
si risi ri
This one I already tried. Not working.
Jitendra Singh ShahiJitendra Singh Shahi

Hi,

Please check this guide maybe this will help you:

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