{"id":153070,"date":"2023-10-12T17:00:00","date_gmt":"2023-10-12T08:00:00","guid":{"rendered":"https:\/\/support.questetra.com\/developer-blog\/docraptor-html2pdf\/"},"modified":"2026-10-01T17:35:40","modified_gmt":"2026-10-01T08:35:40","slug":"docraptor-html2pdf","status":"publish","type":"post","link":"https:\/\/support.questetra.com\/en\/developer-blog\/docraptor-html2pdf\/","title":{"rendered":"Generating PDF files from HTML with inserted business data (integrated with DocRaptor)"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">DocRaptor is a web service that converts source HTML data received via API into PDF format and returns it as a PDF file. Questetra provides a built-in automated step that integrates with DocRaptor to generate PDF files.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This article explains the basic usage of the built-in automated step &#8220;<a href=\"https:\/\/support.questetra.com\/en\/bpmn-icons\/service-task-docraptor-pdf-generate\/\">DocRaptor: Generate PDF<\/a>&#8220;.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A similar automated step for generating PDF files, [<a href=\"https:\/\/support.questetra.com\/en\/bpmn-icons\/service-task-adobe-html-to-pdf\/\">Adobe: PDF Generation (HTML to PDF)<\/a>], which accesses the Adobe Acrobat Service API, is also available.<\/p>\n\n\n\t\t\t\t<div class=\"wp-block-uagb-table-of-contents uagb-toc__align-left uagb-toc__columns-1  uagb-block-49b74a26      \"\n\t\t\t\t\tdata-scroll= \"1\"\n\t\t\t\t\tdata-offset= \"30\"\n\t\t\t\t\tstyle=\"\"\n\t\t\t\t>\n\t\t\t\t<div class=\"uagb-toc__wrap\">\n\t\t\t\t\t\t<div class=\"uagb-toc__title\">\n\t\t\t\t\t\t\tTable Of Contents\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"uagb-toc__list-wrap \">\n\t\t\t\t\t\t<ol class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#preparation-for-docraptor\" class=\"uagb-toc-link__trigger\">Preparation for DocRaptor<\/a><li class=\"uagb-toc__list\"><a href=\"#preparing-the-source-html-with-inserted-business-data\" class=\"uagb-toc-link__trigger\">Preparing the Source HTML with Inserted Business Data<\/a><li class=\"uagb-toc__list\"><a href=\"#sample-app\" class=\"uagb-toc-link__trigger\">Sample App<\/a><ul class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#app-settings\" class=\"uagb-toc-link__trigger\">App Settings<\/a><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#editing-the-template\" class=\"uagb-toc-link__trigger\">Editing the Template<\/a><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#running-docraptor-generate-pdf\" class=\"uagb-toc-link__trigger\">Running [DocRaptor: Generate PDF]<\/a><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#html-code-sample\" class=\"uagb-toc-link__trigger\">HTML Code Sample<\/a><\/ul><\/ol>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\n\n\n<h2 id=\"preparation-for-docraptor\" class=\"wp-block-heading\">Preparation for DocRaptor<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Create an account on the <a href=\"https:\/\/docraptor.com\/\">DocRaptor website<\/a> (English only). After entering your email address, name, and password and clicking [Sign Up], an API key will be issued and displayed on the &#8220;Document History&#8221; page. The API key is used in the HTTP authentication settings for [DocRaptor: Generate PDF].<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">DocRaptor free accounts can generate up to 5 documents per month. When a Workflow App is run in debug mode, PDFs are generated in DocRaptor&#8217;s TEST mode. PDFs generated in TEST mode include a DocRaptor watermark but are not counted toward the generation limit.<\/p>\n\n\n\n<h2 id=\"preparing-the-source-html-with-inserted-business-data\" class=\"wp-block-heading\">Preparing the Source HTML with Inserted Business Data<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">In this article, we refer to the HTML with SpEL expressions written in the places where business data is to be inserted as the &#8220;source HTML&#8221;.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">When the source HTML is output by the automated step [<a href=\"https:\/\/support.questetra.com\/en\/bpmn-icons\/generator-textfile\/\">Generate Text File<\/a>], the SpEL expressions are replaced with the values of Data Items, resulting in an HTML file with business data inserted. This HTML file is then converted to PDF by [DocRaptor: Generate PDF].<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For SpEL expression syntax and available functions, see <a href=\"https:\/\/questetra.zendesk.com\/hc\/en-us\/articles\/360024292872-R2272\">R2272: Output of Strings via EL syntax (Data Setting Expression)<\/a>.<\/p>\n\n\n\n<h2 id=\"sample-app\" class=\"wp-block-heading\">Sample App<\/h2>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/10\/DocRaptor-sample-app.png?resize=1024%2C141&amp;ssl=1\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><em>DocRaptor test app<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In the sample app, the values entered in the &#8220;Enter Data&#8221; step are inserted into the source HTML by the &#8220;Generate HTML File&#8221; step ([Generate Text File]) and output as an HTML file, and then the &#8220;Generate PDF&#8221; step ([DocRaptor: Generate PDF]) converts the HTML file to PDF.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The source HTML is based on the A4 size template for invoices (invoice.A4.html) from DocRaptor&#8217;s <a href=\"https:\/\/docraptor.com\/free-templates\">Free HTML to PDF Templates<\/a>. Save the file linked at <a href=\"https:\/\/docraptor.com\/templates\/invoice\/invoice.A4.html\">Download A4 Size<\/a>.<\/p>\n\n\n\n<h3 id=\"app-settings\" class=\"wp-block-heading\">App Settings<\/h3>\n\n\n\n<h4 id=\"data-items\" class=\"wp-block-heading\">Data Items<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">The Data Items are as follows. All items except &#8220;HTML File&#8221; and &#8220;PDF File&#8221; are Data Items to be inserted into the source HTML.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Data Item Name<\/th><th>Data Type<\/th><th>Field Name<\/th><th>Display in &#8220;Enter Data&#8221; step<\/th><th>Description<\/th><\/tr><\/thead><tbody><tr><td>HTML File<\/td><td>File<\/td><td>q_html<\/td><td>No Display<\/td><td>Stores the HTML file output by the &#8220;Generate HTML File&#8221; step<\/td><\/tr><tr><td>PDF File<\/td><td>File<\/td><td>q_pdf<\/td><td>No Display<\/td><td>Stores the PDF file generated by the &#8220;Generate PDF&#8221; step<\/td><\/tr><tr><td>Billing name<\/td><td>String (single line)<\/td><td>q_billing_name<\/td><td>Editable<\/td><td><\/td><\/tr><tr><td>Billing address<\/td><td>String (multiple lines)<\/td><td>q_billing_address<\/td><td>Editable<\/td><td><\/td><\/tr><tr><td>Billing email address<\/td><td>String (single line)<\/td><td>q_billing_email<\/td><td>Editable<\/td><td><\/td><\/tr><tr><td>Payment due date<\/td><td>Date (Y\/M\/D)<\/td><td>q_due_date<\/td><td>Editable<\/td><td>Initial Value: <code>#today.addDays(30)<\/code><\/td><\/tr><tr><td>Item name 1<\/td><td>String (single line)<\/td><td>q_item_name1<\/td><td>Editable<\/td><td><\/td><\/tr><tr><td>Remark 1<\/td><td>String (single line)<\/td><td>q_remark1<\/td><td>Editable<\/td><td><\/td><\/tr><tr><td>Unit price 1<\/td><td>Numeric<\/td><td>q_unit1<\/td><td>Editable<\/td><td><\/td><\/tr><tr><td>Quantity 1<\/td><td>Numeric<\/td><td>q_quantity1<\/td><td>Editable<\/td><td><\/td><\/tr><tr><td>Price 1<\/td><td>Numeric<\/td><td>q_price1<\/td><td>Editable<\/td><td>Expression: <code>#q_unit1 * #q_quantity1<\/code><\/td><\/tr><tr><td>Item name 2<\/td><td>String (single line)<\/td><td>q_item_name2<\/td><td>Editable<\/td><td><\/td><\/tr><tr><td>Remark 2<\/td><td>String (single line)<\/td><td>q_remark2<\/td><td>Editable<\/td><td><\/td><\/tr><tr><td>Unit price 2<\/td><td>Numeric<\/td><td>q_unit2<\/td><td>Editable<\/td><td><\/td><\/tr><tr><td>Quantity 2<\/td><td>Numeric<\/td><td>q_quantity2<\/td><td>Editable<\/td><td><\/td><\/tr><tr><td>Price 2<\/td><td>Numeric<\/td><td>q_price2<\/td><td>Editable<\/td><td>Expression: <code>#q_unit2 * #q_quantity2<\/code><\/td><\/tr><tr><td>Item name 3<\/td><td>String (single line)<\/td><td>q_item_name3<\/td><td>Editable<\/td><td><\/td><\/tr><tr><td>Remark 3<\/td><td>String (single line)<\/td><td>q_remark3<\/td><td>Editable<\/td><td><\/td><\/tr><tr><td>Unit price 3<\/td><td>Numeric<\/td><td>q_unit3<\/td><td>Editable<\/td><td><\/td><\/tr><tr><td>Quantity 3<\/td><td>Numeric<\/td><td>q_quantity3<\/td><td>Editable<\/td><td><\/td><\/tr><tr><td>Price 3<\/td><td>Numeric<\/td><td>q_price3<\/td><td>Editable<\/td><td>Expression: <code>#q_unit3 * #q_quantity3<\/code><\/td><\/tr><tr><td>Subtotal<\/td><td>Numeric<\/td><td>q_subtotal<\/td><td>Editable<\/td><td>Expression: <code>#q_price1 + #q_price2 + #q_price3<\/code><\/td><\/tr><tr><td>Tax<\/td><td>Numeric<\/td><td>q_tax<\/td><td>Editable<\/td><td>Expression: <code>#q_subtotal * 0.1<\/code><\/td><\/tr><tr><td>Total amount<\/td><td>Numeric<\/td><td>q_total<\/td><td>Editable<\/td><td>Expression: <code>#q_subtotal + #q_tax<\/code><\/td><\/tr><tr><td>Issue date<\/td><td>Date (Y\/M\/D)<\/td><td>q_issue_date<\/td><td>Editable<\/td><td>Initial Value: <code>#today<\/code><\/td><\/tr><tr><td>Invoice ID<\/td><td>String (single line)<\/td><td>q_invoice_id<\/td><td>Editable<\/td><td>Initial Value: <code>#{processInstanceSequenceNumber}<\/code><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h4 id=\"generate-html-file-step-generate-text-file\" class=\"wp-block-heading\">&#8220;Generate HTML File&#8221; Step (Generate Text File)<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">This step replaces the SpEL expressions in the source HTML registered in &#8220;C4: Contents of text file&#8221; with the values of Data Items and saves the result as an HTML file in the Data Item &#8220;HTML File.&#8221; The settings for the sample app are as follows.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Setting Item<\/th><th>Sample App Setting<\/th><\/tr><\/thead><tbody><tr><td>C1: File-type data item to save text file<\/td><td>&#8220;HTML File&#8221;<\/td><\/tr><tr><td>C3: Saving file name<\/td><td><code>source-#{processInstanceId}.html<\/code> (the file extension must be .html)<\/td><\/tr><tr><td>C4: Contents of text file<\/td><td>Source HTML (created in &#8220;Editing the Template&#8221;)<\/td><\/tr><tr><td>C6: File type when saving<\/td><td>text\/html<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h4 id=\"generate-pdf-step-docraptor-generate-pdf\" class=\"wp-block-heading\">&#8220;Generate PDF&#8221; Step (DocRaptor: Generate PDF)<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">This step sends the HTML file in the Data Item &#8220;HTML File&#8221; to DocRaptor and saves the generated PDF file in the Data Item &#8220;PDF File.&#8221; First, register the HTTP authentication settings for accessing the DocRaptor API.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">On the &#8220;Generate PDF&#8221; step settings screen, click [Set up Setting] next to &#8220;C1: BASIC Authentication Setting in which API Key is set as Username&#8221; to open the &#8220;HTTP Authentication Settings&#8221; screen. Open the [Basic Authentication] tab at the top and click [+ Add] under &#8220;Workflow app specific settings.&#8221; Enter any name (e.g., &#8220;DocRaptor&#8221;) in &#8220;Name,&#8221; enter the DocRaptor API key in &#8220;Username,&#8221; leave &#8220;Password&#8221; blank, and click [Save].<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The settings for the sample app are as follows.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Setting Item<\/th><th>Sample App Setting<\/th><\/tr><\/thead><tbody><tr><td>C1: BASIC Authentication Setting in which API Key is set as Username<\/td><td>The name of the registered HTTP authentication setting (e.g., &#8220;DocRaptor&#8221;)<\/td><\/tr><tr><td>C2: Data item that stores the source HTML<\/td><td>&#8220;HTML File&#8221;<\/td><\/tr><tr><td>C3: Data item to save the generated PDF file<\/td><td>&#8220;PDF File&#8221;<\/td><\/tr><tr><td>C5: File name to save as<\/td><td><code>#{processInstanceId}.pdf<\/code> (the file extension must be .pdf)<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">If the registered name does not appear in the selection list for &#8220;C1,&#8221; reload the settings screen.<\/p>\n\n\n\n<h3 id=\"editing-the-template\" class=\"wp-block-heading\">Editing the Template<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Rewrite the template (invoice.A4.html) to create the source HTML. Proceed by generating a PDF to verify each part as you edit it. The procedure for generating a PDF is described in &#8220;<a href=\"https:\/\/claude.ai\/chat\/984defff-b823-4764-9be8-781226c8a4d2#running-docraptor-generate-pdf\">Running [DocRaptor: Generate PDF]<\/a>.&#8221;<\/p>\n\n\n\n<h4 id=\"checking-the-template\" class=\"wp-block-heading\">Checking the Template<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">First, convert the template to PDF as-is. On the settings screen of the &#8220;Generate PDF&#8221; step, click [Debug only this step]. In the &#8220;Input test data&#8221; step of the started debug Case, [Add] invoice.A4.html directly to the Data Item &#8220;HTML File,&#8221; and click [Finish &#8220;Input test data&#8221;]. After the debug Case completes, open the PDF file in the Data Item &#8220;PDF File.&#8221;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In the generated PDF, the company name and email address contain placeholder strings. The areas surrounded by green rectangles in the figure below are fixed strings common to all invoices \u2014 rewrite them with appropriate text such as your company name. The areas surrounded by red rectangles are strings that vary per invoice \u2014 rewrite them with SpEL expressions so that Data Item values are inserted.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/09\/docraptor-template-check-ja.png?resize=1008%2C630&amp;ssl=1\" alt=\"\"\/><\/figure>\n\n\n\n<h5 id=\"rewriting-fixed-strings\" class=\"wp-block-heading\">Rewriting Fixed Strings<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Open invoice.A4.html in a text editor. The first part of the code is a style sheet (<code>&lt;style&gt;<\/code>\u2013<code>&lt;\/style&gt;<\/code>) that specifies the layout. The text that appears in the PDF is found after <code>&lt;header&gt;<\/code>. First, rewrite the &#8220;Logo &amp; Name&#8221; and &#8220;Invoice #100&#8221; sections.<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-html\" data-lang=\"HTML\"><code>&lt;div class=&quot;logoAndName&quot;&gt;\n  &lt;svg&gt;\n    &lt;circle cx=&quot;50%&quot; cy=&quot;50%&quot; r=&quot;40%&quot; stroke=&quot;black&quot; stroke-width=&quot;3&quot; fill=&quot;black&quot; \/&gt;\n  &lt;\/svg&gt;\n  &lt;h1&gt;Logo & Name&lt;\/h1&gt;\n&lt;\/div&gt;\n&lt;!-- Details about the invoice are on the right top side of each page. --&gt;\n&lt;div class=&quot;invoiceDetails&quot;&gt;\n  &lt;h2&gt;Invoice #100&lt;\/h2&gt;\n  &lt;p&gt;\n    07 March 2021\n  &lt;\/p&gt;\n&lt;\/div&gt;<\/code><\/pre><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Replace <code>&lt;h1&gt;Logo &amp; Name&lt;\/h1&gt;<\/code> with the company name (Questetra), and delete <code>&lt;svg&gt;<\/code>\u2013<code>&lt;\/svg&gt;<\/code> (the logo image).<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-html\" data-lang=\"HTML\"><code>&lt;div class=&quot;logoAndName&quot;&gt;\n  &lt;h1&gt;Questetra&lt;\/h1&gt;\n&lt;\/div&gt;\n&lt;!-- Details about the invoice are on the right top side of each page. --&gt;\n&lt;div class=&quot;invoiceDetails&quot;&gt;\n  &lt;h2&gt;Invoice #100&lt;\/h2&gt;\n  &lt;p&gt;\n    07 March 2021\n  &lt;\/p&gt;\n&lt;\/div&gt;<\/code><\/pre><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">After rewriting, paste the entire code into &#8220;C4: Contents of text file&#8221; of the &#8220;Generate HTML File&#8221; step, and verify the PDF using the procedure described in &#8220;<a href=\"https:\/\/claude.ai\/chat\/984defff-b823-4764-9be8-781226c8a4d2#running-docraptor-generate-pdf\">Running [DocRaptor: Generate PDF]<\/a>.&#8221; Continue verifying the PDF each time you edit a section.<\/p>\n\n\n\n<h5 id=\"rewriting-with-spel-expressions\" class=\"wp-block-heading\">Rewriting with SpEL Expressions<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Next, rewrite the parts that vary per invoice with SpEL expressions that reference Data Items. Data Item values are referenced with <code>#{#fieldName}<\/code>. For String-type Data Items, use HTML escaping such as <code>#{#escaper.escapeHtml(#fieldName)}<\/code> before inserting. This ensures that if the input contains <code>&lt;<\/code> or <code>&amp;<\/code>, the HTML structure is not broken. In the code rewritten above, replace &#8220;#100&#8221; with an expression referencing &#8220;Invoice ID&#8221; (q_invoice_id), and &#8220;07 March 2021&#8221; with an expression referencing &#8220;Issue date&#8221; (q_issue_date).<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-html\" data-lang=\"HTML\"><code>&lt;div class=&quot;logoAndName&quot;&gt;\n  &lt;h1&gt;Questetra&lt;\/h1&gt;\n&lt;\/div&gt;\n&lt;!-- Details about the invoice are on the right top side of each page. --&gt;\n&lt;div class=&quot;invoiceDetails&quot;&gt;\n  &lt;h2&gt;Invoice ##{#escaper.escapeHtml(#q_invoice_id)}&lt;\/h2&gt;\n  &lt;p&gt;\n    #{#q_issue_date}\n  &lt;\/p&gt;\n&lt;\/div&gt;<\/code><\/pre><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">You can use functions to change the output format. The following code rewrites the &#8220;Invoice to&#8221; and &#8220;Due Date&#8221; sections to insert the billing details and payment due date Data Items. The &#8220;Billing address&#8221; (String (multiple lines)) and &#8220;Payment due date&#8221; (Date (Y\/M\/D)) use functions to change the output format.<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-html\" data-lang=\"HTML\"><code>&lt;div&gt;\n  &lt;h3&gt;Invoice to&lt;\/h3&gt;\n  &lt;p&gt;\n    &lt;b&gt;#{#escaper.escapeHtml(#q_billing_name)}&lt;\/b&gt;\n    &lt;br \/&gt;\n    #{#joiner.splitJoin(#escaper.escapeHtml(#q_billing_address), &#39;&lt;br&gt;&#39;)}\n    &lt;br \/&gt;\n    &lt;a href=&quot;mailto:#{#escaper.escapeHtml(#q_billing_email)}&quot;&gt;\n      #{#escaper.escapeHtml(#q_billing_email)}\n    &lt;\/a&gt;\n  &lt;\/p&gt;\n&lt;\/div&gt;\n&lt;!-- Additional details can be placed below the invoice details. --&gt;\n&lt;div&gt;\n  &lt;h3&gt;Due Date&lt;\/h3&gt;\n  &lt;p&gt;\n    &lt;b&gt;#{#dateFormatter.format(&#39;dd MM yyyy&#39;, #q_due_date)}&lt;\/b&gt;\n  &lt;\/p&gt;<\/code><\/pre><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">If the value stored in a String (multiple lines) Data Item is inserted as-is with <code>#{#q_billing_address}<\/code>, the text will not break in HTML and will appear on a single line. Write a function that inserts a <code>&lt;br&gt;<\/code> for each line to preserve the multiple lines.<\/p>\n\n\n\n<h3 id=\"running-docraptor-generate-pdf\" class=\"wp-block-heading\">Running [DocRaptor: Generate PDF]<\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/10\/DocRaptor-sample-result.png?resize=453%2C630&amp;ssl=1\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Generated PDF<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Run [Debug execution] from the Start Event and process the &#8220;Enter Data&#8221; step. The &#8220;Generate HTML File&#8221; step and the &#8220;Generate PDF&#8221; step will execute consecutively. On the detail screen of the completed debug Case, open the PDF file in the Data Item &#8220;PDF File.&#8221; Since this is a debug execution, the PDF is generated in DocRaptor&#8217;s TEST mode (see &#8220;Preparation for DocRaptor&#8221;).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Once the entire template has been rewritten, verify that the values entered in the &#8220;Enter Data&#8221; step are inserted into the PDF file. If the PDF is not generated as expected, review the source HTML in &#8220;C4: Contents of text file&#8221; of the &#8220;Generate HTML File&#8221; step.<\/p>\n\n\n\n<h3 id=\"html-code-sample\" class=\"wp-block-heading\">HTML Code Sample<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The full source HTML created by rewriting the template (invoice.A4.html) is shown below (click to expand).<\/p>\n\n\n\n<div class=\"wp-block-coblocks-accordion\">\n<div class=\"wp-block-coblocks-accordion-item\"><details><summary class=\"wp-block-coblocks-accordion-item__title\">HTML Code (Full Text)<\/summary><div class=\"wp-block-coblocks-accordion-item__content\">\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-html\" data-lang=\"HTML\"><code>&lt;!--\nThe following is the license for the original template file.\n------------------------------------\nMIT License\nCopyright (c) 2021 Expected Behavior, LLC\nPermission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the &quot;Software&quot;), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and\/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:\nThe above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\nTHE SOFTWARE IS PROVIDED &quot;AS IS&quot;, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n------------------------------------\n--&gt;\n&lt;style&gt;\n@import url(&#39;https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap&#39;);\n:root{\n  --font-color: black;\n  --highlight-color: #60D0E4;\n  --header-bg-color: #B8E6F1;\n  --footer-bg-color: #BFC0C3;\n  --table-row-separator-color: #BFC0C3;\n}\n@page{\n  size:A4;\n  margin:8cm 0 3cm 0;\n  @top-left{\n    content:element(header);\n  }\n  @bottom-left{\n    content:element(footer);\n  }\n}\nbody{\n  margin:0;\n  padding:1cm 2cm;\n  color:var(--font-color);\n  font-family: &#39;Montserrat&#39;, sans-serif;\n  font-size:10pt;\n}\na{\n  color:inherit;\n  text-decoration:none;\n}\nhr{\n  margin:1cm 0;\n  height:0;\n  border:0;\n  border-top:1mm solid var(--highlight-color);\n}\nheader{\n  height:8cm;\n  padding:0 2cm;\n  position:running(header);\n  background-color:var(--header-bg-color);\n}\nheader .headerSection{\n  display:flex;\n  justify-content:space-between;\n}\nheader .headerSection:first-child{\n  padding-top:.5cm;\n}\nheader .headerSection:last-child{\n  padding-bottom:.5cm;\n}\nheader .headerSection div:last-child{\n  width:35%;\n}\nheader .logoAndName{\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n}\nheader .logoAndName svg{\n  width:1.5cm;\n  height:1.5cm;\n  margin-right:.5cm;\n}\nheader .headerSection .invoiceDetails{\n  padding-top:.5cm;\n}\nheader .headerSection h3{\n  margin:0 .75cm 0 0;\n  color:var(--highlight-color);\n}\nheader .headerSection div:last-of-type h3:last-of-type{\n  margin-top:.5cm;\n}\nheader .headerSection div p{\n  margin-top:2px;\n}\nheader h1,\nheader h2,\nheader h3,\nheader p{\n  margin:0;\n}\nheader .invoiceDetails,\nheader .invoiceDetails h2{\n  text-align:right;\n  font-size:1em;\n  text-transform:none;\n}\nheader h2,\nheader h3{\n  text-transform:uppercase;\n}\nheader hr{\n  margin:1cm 0 .5cm 0;\n}\nmain table{\n  width:100%;\n  border-collapse:collapse;\n}\nmain table thead th{\n  height:1cm;\n  color:var(--highlight-color);\n}\nmain table thead th:nth-of-type(2),\nmain table thead th:nth-of-type(3),\nmain table thead th:last-of-type{\n  width:2.5cm;\n}\nmain table tbody td{\n  padding:2mm 0;\n}\nmain table thead th:last-of-type,\nmain table tbody td:last-of-type{\n  text-align:right;\n}\nmain table th{\n  text-align:left;\n}\nmain table.summary{\n  width:calc(40% + 2cm);\n  margin-left:60%;\n  margin-top:.5cm;\n}\nmain table.summary tr.total{\n  font-weight:bold;\n  background-color:var(--highlight-color);\n}\nmain table.summary th{\n  padding:4mm 0 4mm 1cm;\n}\nmain table.summary td{\n  padding:4mm 2cm 4mm 0;\n  border-bottom:0;\n}\naside{\n  -prince-float: bottom;\n  padding:0 2cm .5cm 2cm;\n}\naside &gt; div{\n  display:flex;\n  justify-content:space-between;\n}\naside &gt; div &gt; div{\n  width:45%;\n}\naside &gt; div &gt; div ul{\n  list-style-type:none;\n  margin:0;\n}\nfooter{\n  height:3cm;\n  line-height:3cm;\n  padding:0 2cm;\n  position:running(footer);\n  background-color:var(--footer-bg-color);\n  font-size:8pt;\n  display:flex;\n  align-items:baseline;\n  justify-content:space-between;\n}\nfooter a:first-child{\n  font-weight:bold;\n}\n&lt;\/style&gt;\n&lt;header&gt;\n  &lt;div class=&quot;headerSection&quot;&gt;\n    &lt;div class=&quot;logoAndName&quot;&gt;\n      &lt;h1&gt;Questetra&lt;\/h1&gt;\n    &lt;\/div&gt;\n    &lt;div class=&quot;invoiceDetails&quot;&gt;\n      &lt;h2&gt;Invoice ##{#escaper.escapeHtml(#q_invoice_id)}&lt;\/h2&gt;\n      &lt;p&gt;\n        #{#q_issue_date}\n      &lt;\/p&gt;\n    &lt;\/div&gt;\n  &lt;\/div&gt;\n  &lt;hr \/&gt;\n  &lt;div class=&quot;headerSection&quot;&gt;\n    &lt;div&gt;\n      &lt;h3&gt;Invoice to&lt;\/h3&gt;\n      &lt;p&gt;\n        &lt;b&gt;#{#escaper.escapeHtml(#q_billing_name)}&lt;\/b&gt;\n        &lt;br \/&gt;\n        #{#joiner.splitJoin(#escaper.escapeHtml(#q_billing_address), &#39;&lt;br&gt;&#39;)}\n        &lt;br \/&gt;\n        &lt;a href=&quot;mailto:#{#escaper.escapeHtml(#q_billing_email)}&quot;&gt;\n          #{#escaper.escapeHtml(#q_billing_email)}\n        &lt;\/a&gt;\n      &lt;\/p&gt;\n    &lt;\/div&gt;\n    &lt;div&gt;\n      &lt;h3&gt;Due Date&lt;\/h3&gt;\n      &lt;p&gt;\n        &lt;b&gt;#{#dateFormatter.format(&#39;dd MM yyyy&#39;, #q_due_date)}&lt;\/b&gt;\n      &lt;\/p&gt;\n      &lt;h3&gt;Amount&lt;\/h3&gt;\n      &lt;p&gt;\n        &lt;b&gt;\u00a5#{#q_total}&lt;\/b&gt;\n      &lt;\/p&gt;\n    &lt;\/div&gt;\n  &lt;\/div&gt;\n&lt;\/header&gt;\n&lt;footer&gt;\n    &lt;a href=&quot;https:\/\/questetra.com&quot;&gt;\n      questetra.com\n    &lt;\/a&gt;\n    &lt;a href=&quot;mailto:customer-sevice@questetra.com&quot;&gt;\n      customer-sevice@questetra.com\n    &lt;\/a&gt;\n    &lt;span&gt;\n      206 Takamiya-cho Oike Bldg. 4th Fl. Nakagyo-ku Kyoto 604-0835 JAPAN\n    &lt;\/span&gt;\n&lt;\/footer&gt;\n&lt;main&gt;\n  &lt;table&gt;\n    &lt;thead&gt;\n      &lt;tr&gt;\n        &lt;th&gt;Item Description&lt;\/th&gt;\n        &lt;th&gt;Rate&lt;\/th&gt;\n        &lt;th&gt;Amount&lt;\/th&gt;\n        &lt;th&gt;Total&lt;\/th&gt;\n      &lt;\/tr&gt;\n    &lt;\/thead&gt;\n    &lt;tbody&gt;\n      &lt;tr&gt;\n        &lt;td&gt;\n          &lt;b&gt;#{#escaper.escapeHtml(#q_item_name1)}&lt;\/b&gt;\n          &lt;br \/&gt;\n          #{#escaper.escapeHtml(#q_remark1)}\n        &lt;\/td&gt;\n        &lt;td&gt;\n          #{#q_unit1}\n        &lt;\/td&gt;\n        &lt;td&gt;\n          #{#q_quantity1}\n        &lt;\/td&gt;\n        &lt;td&gt;\n          #{#q_price1}\n        &lt;\/td&gt;\n      &lt;\/tr&gt;\n      &lt;tr&gt;\n        &lt;td&gt;\n          &lt;b&gt;#{#escaper.escapeHtml(#q_item_name2)}&lt;\/b&gt;\n          &lt;br \/&gt;\n          #{#escaper.escapeHtml(#q_remark2)}\n        &lt;\/td&gt;\n        &lt;td&gt;\n          #{#q_unit2}\n        &lt;\/td&gt;\n        &lt;td&gt;\n          #{#q_quantity2}\n        &lt;\/td&gt;\n        &lt;td&gt;\n          #{#q_price2}\n        &lt;\/td&gt;\n      &lt;\/tr&gt;\n      &lt;tr&gt;\n        &lt;td&gt;\n          &lt;b&gt;#{#escaper.escapeHtml(#q_item_name3)}&lt;\/b&gt;\n          &lt;br \/&gt;\n          #{#escaper.escapeHtml(#q_remark3)}\n        &lt;\/td&gt;\n        &lt;td&gt;\n          #{#q_unit3}\n        &lt;\/td&gt;\n        &lt;td&gt;\n          #{#q_quantity3}\n        &lt;\/td&gt;\n        &lt;td&gt;\n          #{#q_price3}\n        &lt;\/td&gt;\n      &lt;\/tr&gt;\n    &lt;\/tbody&gt;\n  &lt;\/table&gt;\n  &lt;table class=&quot;summary&quot;&gt;\n    &lt;tr&gt;\n      &lt;th&gt;\n        Subtotal\n      &lt;\/th&gt;\n      &lt;td&gt;\n        #{#q_subtotal}\n      &lt;\/td&gt;\n    &lt;\/tr&gt;\n    &lt;tr&gt;\n      &lt;th&gt;\n        Tax\n      &lt;\/th&gt;\n      &lt;td&gt;\n        #{#q_tax}\n      &lt;\/td&gt;\n    &lt;\/tr&gt;\n    &lt;tr class=&quot;total&quot;&gt;\n      &lt;th&gt;\n        Total\n      &lt;\/th&gt;\n      &lt;td&gt;\n        #{#q_total}\n      &lt;\/td&gt;\n    &lt;\/tr&gt;\n  &lt;\/table&gt;\n&lt;\/main&gt;\n&lt;aside&gt;\n  &lt;hr \/&gt;\n  &lt;div&gt;\n    &lt;div&gt;\n      &lt;b&gt;Terms & Conditions&lt;\/b&gt;\n      &lt;p&gt;\n        Please make payment within 30 days of issue of the invoice.\n      &lt;\/p&gt;\n    &lt;\/div&gt;\n    &lt;div&gt;\n      &lt;b&gt;Payment Options&lt;\/b&gt;\n      &lt;ul&gt;\n        &lt;li&gt;Paypal&lt;\/li&gt;\n        &lt;li&gt;Credit Card&lt;\/li&gt;\n      &lt;\/ul&gt;\n    &lt;\/div&gt;\n  &lt;\/div&gt;\n&lt;\/aside&gt;<\/code><\/pre><\/div>\n<\/div><\/details><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Basic use of automatic processing \u201dDocRaptor: Generate PDF\u201d.<\/p>\n","protected":false},"author":25,"featured_media":153138,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","_uag_custom_page_level_css":"","advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_seo_schema_type":"","_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_wpcom_ai_launchpad_first_post":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"{title}\n\n{excerpt}\n\n{url}","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"_wpas_customize_per_network":false,"jetpack_post_was_ever_published":true},"categories":[296],"tags":[],"faq_section":[],"class_list":["post-153070","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-developer-blog"],"jetpack_publicize_connections":[],"uagb_featured_image_src":{"full":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/10\/docraptor-fi-en.png?fit=1200%2C675&ssl=1",1200,675,false],"thumbnail":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/10\/docraptor-fi-en.png?resize=440%2C440&ssl=1",440,440,true],"medium":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/10\/docraptor-fi-en.png?fit=560%2C315&ssl=1",560,315,true],"medium_large":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/10\/docraptor-fi-en.png?fit=768%2C432&ssl=1",768,432,true],"large":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/10\/docraptor-fi-en.png?fit=1024%2C576&ssl=1",1024,576,true],"1536x1536":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/10\/docraptor-fi-en.png?fit=1200%2C675&ssl=1",1200,675,true],"2048x2048":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/10\/docraptor-fi-en.png?fit=1200%2C675&ssl=1",1200,675,true],"newspack-article-block-landscape-large":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/10\/docraptor-fi-en.png?resize=1200%2C675&ssl=1",1200,675,true],"newspack-article-block-portrait-large":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/10\/docraptor-fi-en.png?resize=900%2C675&ssl=1",900,675,true],"newspack-article-block-square-large":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/10\/docraptor-fi-en.png?resize=1200%2C675&ssl=1",1200,675,true],"newspack-article-block-landscape-medium":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/10\/docraptor-fi-en.png?resize=800%2C600&ssl=1",800,600,true],"newspack-article-block-portrait-medium":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/10\/docraptor-fi-en.png?resize=600%2C675&ssl=1",600,675,true],"newspack-article-block-square-medium":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/10\/docraptor-fi-en.png?resize=800%2C675&ssl=1",800,675,true],"newspack-article-block-landscape-intermediate":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/10\/docraptor-fi-en.png?resize=600%2C450&ssl=1",600,450,true],"newspack-article-block-portrait-intermediate":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/10\/docraptor-fi-en.png?resize=450%2C600&ssl=1",450,600,true],"newspack-article-block-square-intermediate":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/10\/docraptor-fi-en.png?resize=600%2C600&ssl=1",600,600,true],"newspack-article-block-landscape-small":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/10\/docraptor-fi-en.png?resize=400%2C300&ssl=1",400,300,true],"newspack-article-block-portrait-small":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/10\/docraptor-fi-en.png?resize=300%2C400&ssl=1",300,400,true],"newspack-article-block-square-small":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/10\/docraptor-fi-en.png?resize=400%2C400&ssl=1",400,400,true],"newspack-article-block-landscape-tiny":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/10\/docraptor-fi-en.png?resize=200%2C150&ssl=1",200,150,true],"newspack-article-block-portrait-tiny":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/10\/docraptor-fi-en.png?resize=150%2C200&ssl=1",150,200,true],"newspack-article-block-square-tiny":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/10\/docraptor-fi-en.png?resize=200%2C200&ssl=1",200,200,true],"newspack-article-block-uncropped":["https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/10\/docraptor-fi-en.png?fit=1200%2C675&ssl=1",1200,675,true]},"uagb_author_info":{"display_name":"Tomoatsu Horibe","author_link":"https:\/\/support.questetra.com\/en\/author\/horibequestetra\/"},"uagb_comment_info":1,"uagb_excerpt":"Basic use of automatic processing \u201dDocRaptor: Generate PDF\u201d.","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p9DiIh-DOS","jetpack-related-posts":[{"id":76467,"url":"https:\/\/support.questetra.com\/en\/bpmn-icons\/service-task-pdf-generation\/","url_meta":{"origin":153070,"position":0},"title":"Generate PDF File","author":"Hirotaka NISHI","date":"2021-09-28","format":false,"excerpt":"Inserts business data into a Base PDF form and automatically generate a new PDF file. Although Adobe Acrobat etc. are needed for the preparation of a Base PDF, it is also possible to download a Base PDF with selecting fields from the setting screen, unless you do not care about\u2026","rel":"","context":"In &quot;BPMN Icons&quot;","block_context":{"text":"BPMN Icons","link":"https:\/\/support.questetra.com\/en\/category\/bpmn-icons\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/09\/bpmn-icon-service-task-generate-pdf-2024.png?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/09\/bpmn-icon-service-task-generate-pdf-2024.png?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/09\/bpmn-icon-service-task-generate-pdf-2024.png?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/09\/bpmn-icon-service-task-generate-pdf-2024.png?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/09\/bpmn-icon-service-task-generate-pdf-2024.png?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":83104,"url":"https:\/\/support.questetra.com\/en\/system-settings\/app-shared-add-on\/","url_meta":{"origin":153070,"position":1},"title":"System Settings &#8211; App-shared Add-on","author":"Peter Glover","date":"2020-03-11","format":false,"excerpt":"Uploaded data can be stored and then referred to by multiple Apps.","rel":"","context":"In &quot;System Settings&quot;","block_context":{"text":"System Settings","link":"https:\/\/support.questetra.com\/en\/category\/system-settings\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2019\/12\/Gear_upload-1.png?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2019\/12\/Gear_upload-1.png?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2019\/12\/Gear_upload-1.png?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2019\/12\/Gear_upload-1.png?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2019\/12\/Gear_upload-1.png?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":146729,"url":"https:\/\/support.questetra.com\/en\/bpmn-icons\/service-task-docraptor-pdf-generate\/","url_meta":{"origin":153070,"position":2},"title":"DocRaptor: Generate PDF","author":"Shiho Tatsumi","date":"2024-06-25","format":false,"excerpt":"This item generates a PDF file from HTML.","rel":"","context":"In &quot;BPMN Icons&quot;","block_context":{"text":"BPMN Icons","link":"https:\/\/support.questetra.com\/en\/category\/bpmn-icons\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/07\/bpmn-icon-service-task-docraptor1.png?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/07\/bpmn-icon-service-task-docraptor1.png?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/07\/bpmn-icon-service-task-docraptor1.png?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/07\/bpmn-icon-service-task-docraptor1.png?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/07\/bpmn-icon-service-task-docraptor1.png?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":69778,"url":"https:\/\/support.questetra.com\/en\/pdf\/pdf-coversheet\/","url_meta":{"origin":153070,"position":3},"title":"Base PDF: Letter of transmittal","author":"Hirotaka NISHI","date":"2022-07-21","format":false,"excerpt":"A base PDF file for automatically generating a Letter of transmittal based on the entered business data. Values such as recipient and issuer information entered in the workflow are inserted into each field.","rel":"","context":"In &quot;Base PDF&quot;","block_context":{"text":"Base PDF","link":"https:\/\/support.questetra.com\/en\/category\/pdf\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2014\/12\/pdf-coversheet-header.png?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2014\/12\/pdf-coversheet-header.png?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2014\/12\/pdf-coversheet-header.png?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2014\/12\/pdf-coversheet-header.png?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2014\/12\/pdf-coversheet-header.png?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":75346,"url":"https:\/\/support.questetra.com\/en\/templates\/online-estimate-storage-flow-20161011\/","url_meta":{"origin":153070,"position":4},"title":"Online Estimate Storage Flow","author":"Hirotaka NISHI","date":"2022-12-21","format":false,"excerpt":"Stores quotation PDF automatically to share. A quotation PDF is automatically generated after the submittee, details and total amount are entered at the Task of \"Drafting Quotation\". After the quotation is submitted, the quotation which succeeded in the contract is automatically uploaded to the Dropbox folder.","rel":"","context":"In &quot;Workflow Apps&quot;","block_context":{"text":"Workflow Apps","link":"https:\/\/support.questetra.com\/en\/category\/templates\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2019\/03\/eye-catch-online-estimate-storage-flow-20161011-218-en.png?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2019\/03\/eye-catch-online-estimate-storage-flow-20161011-218-en.png?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2019\/03\/eye-catch-online-estimate-storage-flow-20161011-218-en.png?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2019\/03\/eye-catch-online-estimate-storage-flow-20161011-218-en.png?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2019\/03\/eye-catch-online-estimate-storage-flow-20161011-218-en.png?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":79746,"url":"https:\/\/support.questetra.com\/en\/data-items\/file-type\/","url_meta":{"origin":153070,"position":5},"title":"File-Type","author":"Peter Glover","date":"2019-09-30","format":false,"excerpt":"Displays a button for selecting and uploading files.","rel":"","context":"In &quot;Data Items&quot;","block_context":{"text":"Data Items","link":"https:\/\/support.questetra.com\/en\/category\/data-items\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2019\/09\/File.png?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2019\/09\/File.png?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2019\/09\/File.png?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2019\/09\/File.png?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2019\/09\/File.png?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]}],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2023\/10\/docraptor-fi-en.png?fit=1200%2C675&ssl=1","_links":{"self":[{"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/posts\/153070","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/users\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/comments?post=153070"}],"version-history":[{"count":46,"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/posts\/153070\/revisions"}],"predecessor-version":[{"id":196916,"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/posts\/153070\/revisions\/196916"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/media\/153138"}],"wp:attachment":[{"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/media?parent=153070"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/categories?post=153070"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/tags?post=153070"},{"taxonomy":"faq_section","embeddable":true,"href":"https:\/\/support.questetra.com\/en\/wp-json\/wp\/v2\/faq_section?post=153070"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}