Document Viewer On Form

Last Updated: 03/28/2018 Introduced in Version: 4.0

This tutorial demonstrates how to use Document Viewer Component in Decisions. This component was introduced in Decisions 4.0 and serves to display PDF documents. Pdf documents that we want to display should be Document entities in Decisions Portal and could be displayed with Document Viewer component by document Id.

Example:

In this example we are going to build a simple Flow with a Form. Then, we are going to display a PDF document on the Form.

We begin in the Designer Folder with clicking Create Flow on Folder Actions Panel.

Then, we Name the Flow and click Ok to proceed to the Flow Designer.

In the Flow Designer we add Show Form step from the Favorite Steps Category.

In the resulting window we Name the Form and click Create to proceed to the Form Designer.

In the Form Designer we add Button for end users to be able to submit the Form. Then, from Data category we add Document Viewer Component.

We resize Document Viewer Component to fit our needs. Document Viewer Component can display static document if we check Static Input check-box and provide static document Id. Or, we can define Data Name and push document Id from the Flow. This completes our Form. We can save the Form and close Form Designer.

Back in the Flow Designer we connect the outcome from Show Form step to the End Step. Then, we configure Form Inputs. In this example we provide Constant Document Id for Document Viewer Component. Pdf document that we want to display with Document Viewer should be a Document Entity in Decisions Portal.

 

This completes our Flow. We can click Debug Flow on the top panel in the Flow Designer to test our Flow.

 

Our Form opens in the debugger and we can see that Document Viewer displays our PDF document. We can also download or print this document from the Document Viewer Component.

 

Additional Resources