Updated by jprichter 2016-08-10

File snippet.html Added

+<apex:page standardController="Case" showHeader="false" standardStylesheets="false" sidebar="false" applyHtmlTag="false" applyBodyTag="false" docType="html-5.0">

+    <html xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">

+    <head>

+        <apex:stylesheet value="{!URLFOR($Resource.SLDS, 'assets/styles/salesforce-lightning-design-system.css')}" />

+    </head>

+    <body>

+    </body>

+    </html>

+</apex:page>

File snippet.txt Deleted

-<apex:page standardController="Case" showHeader="false" standardStylesheets="false" sidebar="false" applyHtmlTag="false" applyBodyTag="false" docType="html-5.0">

-    <html xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">

-    <head>

-        <apex:stylesheet value="{!URLFOR($Resource.SLDS, 'assets/styles/salesforce-lightning-design-system.css')}" />

-    </head>

-    <body>

-    </body>

-    </html>

-</apex:page>

File snippet2.html Added

+<aura:application access="global" extends="ltng:outApp">

+    <aura:dependency resource="c:MyLightningComponent" />

+</aura:application>

File snippet2.txt Deleted

-<aura:application access="global" extends="ltng:outApp">

-    <aura:dependency resource="c:MyLightningComponent" />

-</aura:application>

File snippet3.html Added

+<aura:event type="APPLICATION" description="a description of the event">

+    <aura:attribute name="paramA" type="String"/>

+    <aura:attribute name="paramB" type="String" />

+</aura:event>

File snippet3.txt Deleted

-<aura:event type="APPLICATION" description="a description of the event">

-    <aura:attribute name="paramA" type="String"/>

-    <aura:attribute name="paramB" type="String" />

-</aura:event>

File snippet4.html Added

+<aura:component>

+    <aura:handler event="c:VFPageEvent" action="{!c.handleEvent}" />

+    <aura:attribute name="paramA" type="String" />

+    <aura:attribute name="paramB" type="String" />

+    <div>

+        Param A: -- <ui:outputText value="{!v.paramA}" />

+    </div>

+    <div>

+        <ui:button label="Go to Case" press="{!c.goThere}" />

+    </div>

+</aura:component>

File snippet4.txt Deleted

-<aura:component>

-    <aura:handler event="c:VFPageEvent" action="{!c.handleEvent}" />

-    <aura:attribute name="paramA" type="String" />

-    <aura:attribute name="paramB" type="String" />

-    <div>

-        Param A: -- <ui:outputText value="{!v.paramA}" />

-    </div>

-    <div>

-        <ui:button label="Go to Case" press="{!c.goThere}" />

-    </div>

-</aura:component>

File snippet5.js Added

+({

+    handleEvent: function(component, event, helper) {

+        component.set("v.paramA", event.getParam("paramA"));

+        component.set("v.paramB", event.getParam("paramB"));

+    },

+    goThere: function(component,event, helper){

+        var caseId = component.get("v.paramB");

+        sforce.one.navigateToSObject(caseId.substring(0, 15));

+    }

+})

File snippet5.txt Deleted

-({

-    handleEvent: function(component, event, helper) {

-        component.set("v.paramA", event.getParam("paramA"));

-        component.set("v.paramB", event.getParam("paramB"));

-    },

-    goThere: function(component,event, helper){

-        var caseId = component.get("v.paramB");

-        sforce.one.navigateToSObject(caseId.substring(0, 15));

-    }

-})

File snippet6.js Added

+goThere: function(component,event, helper){

+    var caseId = component.get("v.paramB");

+    var navEvt = $A.get("e.force:navigateToSObject");

+    navEvt.setParams({

+        "recordId": caseId.substring(0, 15)

+    });

+    navEvt.fire();

+}

File snippet6.txt Deleted

-goThere: function(component,event, helper){

-    var caseId = component.get("v.paramB");

-    var navEvt = $A.get("e.force:navigateToSObject");

-    navEvt.setParams({

-        "recordId": caseId.substring(0, 15)

-    });

-    navEvt.fire();

-}

File snippet7.html Added

+<apex:includeLightning />

+<script>

+$Lightning.use("c:VFAppContainer", function() {

+    $Lightning.createComponent("c:MyLightningComponent", {}, "myLightningComponent", function(cmp) {

+        var event = $A.get("e.c:VFPageEvent");

+        event.setParams({

+            "paramA": "Hello, world",

+            "paramB": "{!Case.Id}"

+        });

+        event.fire();

+    });

+});

+</script>

+<div class="slds">

+    <div id="myLightningComponent"></div>

+</div>

File snippet7.txt Deleted

-<apex:includeLightning />

-<script>

-$Lightning.use("c:VFAppContainer", function() {

-    $Lightning.createComponent("c:MyLightningComponent", {}, "myLightningComponent", function(cmp) {

-        var event = $A.get("e.c:VFPageEvent");

-        event.setParams({

-            "paramA": "Hello, world",

-            "paramB": "{!Case.Id}"

-        });

-        event.fire();

-    });

-});

-</script>

-<div class="slds">

-    <div id="myLightningComponent"></div>

-</div>

Updated by jprichter 2016-08-10

View revision

File snippet.txt Modified

-<aura:application access="global" extends="ltng:outApp">

-    <aura:dependency resource="c:MyLightningComponent" />

-</aura:application>

+<apex:page standardController="Case" showHeader="false" standardStylesheets="false" sidebar="false" applyHtmlTag="false" applyBodyTag="false" docType="html-5.0">

+    <html xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">

+    <head>

+        <apex:stylesheet value="{!URLFOR($Resource.SLDS, 'assets/styles/salesforce-lightning-design-system.css')}" />

+    </head>

+    <body>

+    </body>

+    </html>

+</apex:page>

File snippet2.txt Modified

-<aura:event type="APPLICATION" description="a description of the event">

-    <aura:attribute name="paramA" type="String"/>

-    <aura:attribute name="paramB" type="String" />

-</aura:event>

+<aura:application access="global" extends="ltng:outApp">

+    <aura:dependency resource="c:MyLightningComponent" />

+</aura:application>

File snippet3.txt Modified

-<aura:component>

-    <aura:handler event="c:VFPageEvent" action="{!c.handleEvent}" />

-    <aura:attribute name="paramA" type="String" />

+<aura:event type="APPLICATION" description="a description of the event">

+    <aura:attribute name="paramA" type="String"/>

     <aura:attribute name="paramB" type="String" />

-    <div>

-        Param A: -- <ui:outputText value="{!v.paramA}" />

-    </div>

-    <div>

-        <ui:button label="Go to Case" press="{!c.goThere}" />

-    </div>

-</aura:component>

+</aura:event>

File snippet4.txt Modified

-({

-    handleEvent: function(component, event, helper) {

-        component.set("v.paramA", event.getParam("paramA"));

-        component.set("v.paramB", event.getParam("paramB"));

+<aura:component>

+    <aura:handler event="c:VFPageEvent" action="{!c.handleEvent}" />

+    <aura:attribute name="paramA" type="String" />

+    <aura:attribute name="paramB" type="String" />

-    },

-    goThere: function(component,event, helper){

-        var caseId = component.get("v.paramB");

-        sforce.one.navigateToSObject(caseId.substring(0, 15));

-    }

-})

+    <div>

+        Param A: -- <ui:outputText value="{!v.paramA}" />

+    </div>

+    <div>

+        <ui:button label="Go to Case" press="{!c.goThere}" />

+    </div>

+</aura:component>

File snippet5.txt Modified

-goThere: function(component,event, helper){

-    var caseId = component.get("v.paramB");

-    var navEvt = $A.get("e.force:navigateToSObject");

-    navEvt.setParams({

-        "recordId": caseId.substring(0, 15)

-    });

-    navEvt.fire();

-}

+({

+    handleEvent: function(component, event, helper) {

+        component.set("v.paramA", event.getParam("paramA"));

+        component.set("v.paramB", event.getParam("paramB"));

+    },

+    goThere: function(component,event, helper){

+        var caseId = component.get("v.paramB");

+        sforce.one.navigateToSObject(caseId.substring(0, 15));

+    }

+})

File snippet6.txt Modified

-<apex:includeLightning />

-<script>

-$Lightning.use("c:VFAppContainer", function() {

-    $Lightning.createComponent("c:MyLightningComponent", {}, "myLightningComponent", function(cmp) {

-        var event = $A.get("e.c:VFPageEvent");

-        event.setParams({

-            "paramA": "Hello, world",

-            "paramB": "{!Case.Id}"

-        });

-        event.fire();

+goThere: function(component,event, helper){

+    var caseId = component.get("v.paramB");

+    var navEvt = $A.get("e.force:navigateToSObject");

+    navEvt.setParams({

+        "recordId": caseId.substring(0, 15)

});

-});

-</script>

-<div class="slds">

-    <div id="myLightningComponent"></div>

-</div>

+    navEvt.fire();

+}

File snippet7.txt Added

+<apex:includeLightning />

+<script>

+$Lightning.use("c:VFAppContainer", function() {

+    $Lightning.createComponent("c:MyLightningComponent", {}, "myLightningComponent", function(cmp) {

+        var event = $A.get("e.c:VFPageEvent");

+        event.setParams({

+            "paramA": "Hello, world",

+            "paramB": "{!Case.Id}"

+        });

+        event.fire();

+    });

+});

+</script>

+<div class="slds">

+    <div id="myLightningComponent"></div>

+</div>

Created by jprichter 2016-08-10

View revision

File snippet.txt Added

+<aura:application access="global" extends="ltng:outApp">

+    <aura:dependency resource="c:MyLightningComponent" />

+</aura:application>

File snippet2.txt Added

+<aura:event type="APPLICATION" description="a description of the event">

+    <aura:attribute name="paramA" type="String"/>

+    <aura:attribute name="paramB" type="String" />

+</aura:event>

File snippet3.txt Added

+<aura:component>

+    <aura:handler event="c:VFPageEvent" action="{!c.handleEvent}" />

+    <aura:attribute name="paramA" type="String" />

+    <aura:attribute name="paramB" type="String" />

+    <div>

+        Param A: -- <ui:outputText value="{!v.paramA}" />

+    </div>

+    <div>

+        <ui:button label="Go to Case" press="{!c.goThere}" />

+    </div>

+</aura:component>

File snippet4.txt Added

+({

+    handleEvent: function(component, event, helper) {

+        component.set("v.paramA", event.getParam("paramA"));

+        component.set("v.paramB", event.getParam("paramB"));

+    },

+    goThere: function(component,event, helper){

+        var caseId = component.get("v.paramB");

+        sforce.one.navigateToSObject(caseId.substring(0, 15));

+    }

+})

File snippet5.txt Added

+goThere: function(component,event, helper){

+    var caseId = component.get("v.paramB");

+    var navEvt = $A.get("e.force:navigateToSObject");

+    navEvt.setParams({

+        "recordId": caseId.substring(0, 15)

+    });

+    navEvt.fire();

+}

File snippet6.txt Added

+<apex:includeLightning />

+<script>

+$Lightning.use("c:VFAppContainer", function() {

+    $Lightning.createComponent("c:MyLightningComponent", {}, "myLightningComponent", function(cmp) {

+        var event = $A.get("e.c:VFPageEvent");

+        event.setParams({

+            "paramA": "Hello, world",

+            "paramB": "{!Case.Id}"

+        });

+        event.fire();

+    });

+});

+</script>

+<div class="slds">

+    <div id="myLightningComponent"></div>

+</div>

HTTPS

SSH

You can clone a snippet to your computer for local editing. Learn more.

Snippets

jprichter Buttons and Actions in the Lightning Experience

File snippet.html Added

File snippet.txt Deleted

File snippet2.html Added

File snippet2.txt Deleted

File snippet3.html Added

File snippet3.txt Deleted

File snippet4.html Added

File snippet4.txt Deleted

File snippet5.js Added

File snippet5.txt Deleted

File snippet6.js Added

File snippet6.txt Deleted

File snippet7.html Added

File snippet7.txt Deleted

File snippet.txt Modified

File snippet2.txt Modified

File snippet3.txt Modified

File snippet4.txt Modified

File snippet5.txt Modified

File snippet6.txt Modified

File snippet7.txt Added

File snippet.txt Added

File snippet2.txt Added

File snippet3.txt Added

File snippet4.txt Added

File snippet5.txt Added

File snippet6.txt Added