How to display PDF in Camunda Embedded form

Question

I have seen many discussions on how to display a PDF file within a embedded form ( User Task ) But realised camunda does not support this. Are there any solutions?

I have tried using IFrame, Object, embed , and directly linking to a variable did not work ?

Daniel Xav De Oliveira · Accepted Answer · 2020-07-17 09:47:29Z

1

My solution is to fetch the variable and convert to a blob as follows:

HTML

<embed  class="col-sm-12" style="height:100vh;width:100%" type="application/pdf" id="pdf-frame">

JS

  <script cam-script type="text/javascript">


camForm.on('form-loaded', function () {
        fetch("http://localhost:8181/camunda/api/engine/engine/default/task/" + camForm.taskId + "/variables/ACORD_FORM/data").then(function (response) {
            return response.blob();
        }).then(function (myBlob) {
            var objectURL = URL.createObjectURL(myBlob);
            document.querySelector('#pdf-frame').src = '';
            document.querySelector('#pdf-frame').src = objectURL;
            objectURL = URL.revokeObjectURL(myBlob);
        });

});
</script>

answered Jul 17, 2020 at 9:47

Daniel Xav De Oliveira

4364 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

aless239 Over a year ago

Hi, i've recently tried your solution, but unfortunately it is not working as expected. The pdf is not parsed correctly. Did you update your solution ?. What was the version of camunda you where using ? Thank you in advance

Daniel Xav De Oliveira Over a year ago

Hi @aless239, this was using version 7.13. For non related reasons, I changed the way I treat a PDF. I created a custom function to upload a PDF to base64 then save it to a camunda process variable. I then convert the base64 to a blob.

Collectives™ on Stack Overflow

How to display PDF in Camunda Embedded form

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related