How to display Salesforce Visualforce rendered as PDF in Flow?

HomeInfallibleTechie Admin

How to display Salesforce Visualforce rendered as PDF in Flow?

InfallibleTechie Admin

In order to display Salesforce Visualforce rendered as PDF in a Flow, use iFrame tag in the Lightning Web Component and add the LWC in Flow Screen Element.

Sample Visualforce Page:

<apex:page renderAs="advanced_pdf">
    Testing PDF Conent in Flow
</apex:page>

Sample Lightning Web Component:

HTML:

<template>
    <iframe
        src="/apex/FlowPDFPage"
        height="100%"
        width="100%">
    </iframe>
</template>

JavaScript:

import { LightningElement } from 'lwc';

export default class FlowLightningWebComponent extends LightningElement {}

JS-meta.xml:

<?xml version="1.0" encoding="UTF-8"?>
<LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata">
    <apiVersion>56.0</apiVersion>
    <isExposed>true</isExposed>
    <targets>
        <target>lightning__FlowScreen</target>
    </targets>
</LightningComponentBundle>

Output:

Leave a Reply