Anzeigen von PDF-Dateien

Sie können PDF-Dateien in Ihren Formularen anzeigen.

Tutorials

Lokale PDF-Datei

So zeigen Sie eine PDF-Datei im Formular an:

1. Drag and drop the HTML Element component into the Form Designer.

2. In the Content field of the Display configuration tab, enter <iframe href="/file://path-to-file"></iframe>, where path-to-file is the local path to the file you want to read.

   Für <iframe> -Tags empfehlen wir die Verwendung von schließenden </iframe> -Tags anstelle von selbstschließenden /> -Tags.

3. Legen Sie die Höhe und Breite der PDF-Datei in Ihrem Formular fest, indem Sie die Attribute width und height im <iframe> -Tag hinzufügen.

Um beispielsweise die PDF-Datei mit C:\Folder\doc.pdf im Format 350 x 500 Pixel (width x height) anzuzeigen, geben Sie das folgende Snippet ein:

<iframe href="/file://c:\folder\doc.pdf" width=350 height=500></iframe>

Dynamische PDF-Datei

So rendern Sie eine PDF-Datei dynamisch:

1. Set the PDF file path as a variable in the FormFieldsCollection (Studio) and name it pdf.

2. Navigate to the Display tab of the HTML Element component (Form Designer).

3. In the Content field, add <iframe href={{data.pdf}} width=350 height=500></iframe>.

   Sie können das vollständige HTML-Tag, das die PDF-Datei enthält, als Variable festlegen. In diesem Fall binden Sie die Daten nur mithilfe von {{data.pdf}} im Feld Inhalt .

4. Under the Content field, check Refresh On Change.