{"id":6822,"date":"2025-11-19T10:02:15","date_gmt":"2025-11-19T01:02:15","guid":{"rendered":"https:\/\/dandelions.co.jp\/blog\/?p=6822"},"modified":"2025-11-19T10:02:15","modified_gmt":"2025-11-19T01:02:15","slug":"engineer-blog-generating-pdfs-using-ultimate-pdf-in-outsystems","status":"publish","type":"post","link":"https:\/\/dandelions.co.jp\/blog\/blog\/2025\/11\/19\/engineer-blog-generating-pdfs-using-ultimate-pdf-in-outsystems\/","title":{"rendered":"Engineer Blog: Generating PDFs Using Ultimate PDF in OutSystems"},"content":{"rendered":"\n

As part of our engineer blog, we\u2019d like to share what we\u2019ve been learning day by day.
This time, it\u2019s Team 2, focusing on low-code development.<\/p>\n\n\n\n

This Time\u2019s Theme: ‘PDF Output Using Ultimate PDF<\/p>\n\n\n\n

This time, we\u2019ll show you how to export screen data within OutSystems as a PDF.<\/p>\n\n\n\n

What is Ultimate PDF?<\/strong><\/p>\n\n\n\n

Ultimate PDF is one of the Forge components available in OutSystems. It allows you to export web pages (HTML + CSS) as PDFs.
For example, you can generate PDFs of formatted content like invoices, reports, business cards, and forms.<\/p>\n\n\n\n

Installing Ultimate PDF<\/strong><\/p>\n\n\n\n

Launch Service Studio, search for ‘Ultimate PDF’ via Browse Forge, and install it.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Adding References to the Module<\/strong><\/p>\n\n\n\n

Open the module you want to use, go to Manage Dependencies (CTRL+Q), select the necessary elements from Ultimate PDF, and click the Apply button.
(This time, we selected PrintLayout, HideOnPrint, and PrintToPDF_Advanced.)<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Descriptions of each element are as follows.<\/p>\n\n\n\n

\u30fbPrintLayout<\/strong>: A layout template used to optimize screens for printing or PDF output.

\u30fbHideOnPrint<\/strong>: A CSS class (style setting) for screen design that, as the name suggests, hides specific elements during printing.

\u30fbPrintToPDF_Advanced<\/strong>: An advanced function that allows for more detailed settings when converting HTML screens (web pages) into PDFs.<\/p>\n\n\n\n

Creating a Screen for Output<\/strong><\/p>\n\n\n\n

To create a screen for output, follow the same steps as when creating a regular Screen. Place ‘PrintLayout’ on the screen and design the layout you want to export as a PDF.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

For any text you don\u2019t want to appear in the PDF output, add ‘HideOnPrint’ to the screen and place the text inside it.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Creating a Server Action for PDF Output<\/strong><\/p>\n\n\n\n

This time, we\u2019ll place an output button on the screen we created earlier and set up a Server Action that triggers a download when the button is pressed.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

The properties for each action are as follows
\u30fbPrintToPDF_Advanced: Under Action, set the URL of the screen you want to export (in this case, we\u2019re using the current screen\u2019s URL), the PDF page size, and the PDF margins.<\/p>\n\n\n\n

\"\"
\uff0aWe didn\u2019t use it this time, but in Environment, you can finely control HTML rendering methods, wait conditions, and CSS application settings.<\/figcaption><\/figure>\n\n\n\n

\u30fbDownload: Under Action, set the return value from PrintToPDF_Advanced and the name of the PDF.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Here is the PDF we actually generated.<\/strong><\/p>\n\n\n\n

\"\"
\uff0aText that wasn\u2019t meant to be output has been removed.<\/figcaption><\/figure>\n\n\n\n

Important Notes<\/strong><\/p>\n\n\n\n

\u30fbBe careful when choosing between Client Action and Server Action. Since PDF generation is generally handled on the server side, calling it from a Client Action by mistake may result in it not working properly.<\/p>\n\n\n\n

\u30fbAlways enclose the FileName in double quotation marks (“”).If not specified like \\”Test.pdf\\”, it will result in an error<\/p>\n\n\n\n

\u30fbScreens with a large amount of information are more likely to time out. If there are many tables or images, PDF generation may take longer.<\/p>\n\n\n\n

Summary<\/strong><\/p>\n\n\n\n

In this article, we introduced how to generate PDF files from OutSystems using Ultimate PDF.
Since it can also output images and graphs, be sure to try it out in apps that generate reports or forms.
Team 2 will continue to share technical blogs using low-code tools like OutSystems, so stay tuned!<\/p>\n","protected":false},"excerpt":{"rendered":"

As part of our engineer blog, we\u2019d like to share what we\u2019ve been learning day by day. This time, it\u2019s Team 2, … <\/p>\n

“Engineer Blog: Generating PDFs Using Ultimate PDF in OutSystems” \u306e<\/span>\u7d9a\u304d\u3092\u8aad\u3080<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true},"categories":[8],"tags":[9],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paR9rw-1M2","_links":{"self":[{"href":"https:\/\/dandelions.co.jp\/blog\/wp-json\/wp\/v2\/posts\/6822"}],"collection":[{"href":"https:\/\/dandelions.co.jp\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dandelions.co.jp\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dandelions.co.jp\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dandelions.co.jp\/blog\/wp-json\/wp\/v2\/comments?post=6822"}],"version-history":[{"count":1,"href":"https:\/\/dandelions.co.jp\/blog\/wp-json\/wp\/v2\/posts\/6822\/revisions"}],"predecessor-version":[{"id":6832,"href":"https:\/\/dandelions.co.jp\/blog\/wp-json\/wp\/v2\/posts\/6822\/revisions\/6832"}],"wp:attachment":[{"href":"https:\/\/dandelions.co.jp\/blog\/wp-json\/wp\/v2\/media?parent=6822"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dandelions.co.jp\/blog\/wp-json\/wp\/v2\/categories?post=6822"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dandelions.co.jp\/blog\/wp-json\/wp\/v2\/tags?post=6822"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}