0

We are using Visualforce override page for New Case Action that is triggering Lightning Screen Flow via Lightning Out. The Lightning Runtime in Visualforce Page was Rendered according to Salesforce Help page.

Page Details:

<apex:page sidebar="false" showHeader="false" standardController="Case" lightningStylesheets="true">

    <apex:includeScript value="/lightning/lightning.out.js" />
    <apex:includeLightning />
    <div id="LightningContainer" class="slds-box slds-p-around_medium" />
    <script type="text/javascript">

        $Lightning.use("c:NewCaseApp", function() {
            // Create the flow component and set the onstatuschange attribute
            $Lightning.createComponent(
                "lightning:flow",
                {
                    "renderMode": "LightningRuntime" // Add the renderMode attribute
                },
                "LightningContainer",
                function (component) {
                    // Set the input variables
                    var inputVariables = [
                        {
                            name: 'Env',
                            type: 'String',
                            value: 'Dev'
                        },
                        {
                            name: 'UserId',
                            type: 'String',
                            value: '{!$User.Id}'
                        }
                    ];

                    // Start an interview in the LightningContainer div and initialize the input variables.
                    component.startFlow("New_Case_Flow", inputVariables);
                }
            );
        });
    </script>
</apex:page>

The "NewCaseApp" details are the following:

<aura:application access="global" extends="ltng:outApp" description="Application to include the Lightning Component and use in Visualforce">
    <aura:dependency resource="lightning:flow" />
</aura:application>

The Lightning Flow contains the File Upload Standard component. When Flow is launched by clicking "New" Action on Case, the "Upload Files" component is displaying, however when attempting to drop a proper file on it or browse for a component and click "Upload" nothing happens:

File Upload component that is not working properly

The mentioned Visualforce page is used in Classic and Lightning and there's same behavior - no possibility to Upload Files. The Lightning Flow that is Launched by Visualforce is also used in Classic for Custom buttons and there is no issue, File Upload works properly. Any suggestion?

1 Answer 1

1

As per the docs, the fileUpload component isn't supported in lightning out.

This component isn't supported in Lightning Out or standalone apps, and displays as a disabled input.

3
  • I’ve noticed such info on “help.salesforce.com/s/…“ and wonder what could be used to Launch Flow with File upload component by Visualforce instead Lightning Out. Commented Aug 3, 2023 at 23:45
  • @VasylPoidynets That would be a good question to ask. Why not create a new question asking how to do that?
    – Nick C
    Commented Aug 3, 2023 at 23:49
  • Thanks @NickCook. Commented Aug 4, 2023 at 0:06

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .