I created a Lightning application to allow a visual flow to run with Lightning runtime. The problem is that when I run the force site as the guest user, the flow doesn't show correctly to the guest user:

enter image description here

But if I do a preview of the visualforce page from Salesforce, it looks ok:

enter image description here

What could be the reason to cause an incorrect visualization to the guest user?


<aura:application access="global" extends="ltng:outApp" implements="ltng:allowGuestAccess">
<aura:dependency resource="lightning:flow"/>

Visualforce page

    <apex:page >
         <apex:includeLightning />
      <body class="slds-scope">         
         <div id="flowContainer"/>
            var statusChange = function (event) {
               if(event.getParam("status") === "FINISHED") {                
                  var outputVariables = event.getParam("outputVariables");
                  var key;
                  for(key in outputVariables) {
                     if(outputVariables[key].name === "myOutput") {
            $Lightning.use("c:DLAflow", function() {
               $Lightning.createComponent("lightning:flow", {"onstatuschange":statusChange},
                  function (component) {                    

Add in showHeader="false" to your apex:page tag.

<apex:page showHeader="false">
  • Thank you! that did the trick :) Sep 8 '19 at 16:47

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.