User Manual

Component To PDF

4/3/25
Component To PDF

Kuika's Component To PDF action is used to convert the contents of specific UI elements in your application to PDF format. This makes document sharing, exporting, and storage easier. The action allows users to convert outputs within the application into high-quality, portable documents.

Technical Features

  • Element Selection: Allows you to specify the element to be converted to PDF. This can be a UI element such as a container, form, or table on the page.
  • Quality: Used to set the resolution of the PDF file. It can usually be defined as “standard” or “high.”
  • Orientation: Allows you to create the PDF in portrait or landscape format.
  • Web Application Support: This action only works in web applications.

Component To PDF Action Application Steps

1. Define the Action in UI Design

  • Open your project on the Kuika platform.
  • Go to the UI Design module and select the screen you want to output as a PDF.
  • Create a button such as “Download PDF.”
  • Select the button and add the Device > Component To PDF action from the + ADD ACTION menu according to the trigger event you want (Initial Actions, OnClick, OnBlur, etc.).

3. Configuring Action Parameters

  • Component To Save As PDF: Specify the element to be converted to PDF.
  • Quality: Select the quality of the PDF output (“standard” or “high”).
  • File Name: Specify the name of the PDF file to be created.
  • Orientation (Optional): Specify the orientation of the PDF (‘portrait’ or “landscape”).

These fields can be defined dynamically via the Symbol Picker or as fixed.

Use Case: Exporting Form Output as PDF

In an educational application, when a user fills out a registration form, they may want to obtain a PDF output of the form. This can be done via a button that is triggered after the form is completed.

Adding a PDF Creation Action After User Registration

In the Properties panel, enter a phrase such as “Download PDF” in the Label section of the button.

  • Select the relevant button and add the OnClick → Device → Component To PDF action from the + ADD ACTION menu.

Configuring the Component To PDF Action

  • Component To Save As PDF: formContainer (ID of the element to be output as PDF, e.g., form field)
  • Quality: high (high quality is preferred)
  • File Name: kayıtformu.pdf (The name of the PDF file to be created)
  • Orientation: portrait (The PDF output will be created vertically)

With this configuration, the user can get a PDF output of the form with just one click after filling out the form. When the action is executed, the selected element is converted to PDF format and presented to the user.

Component To PDF Action Advanced Customizations

  • Dynamic Element Selection: The element to be converted to PDF can be determined dynamically based on user interactions.
  • Conditional PDF Creation: For example, the action may not be triggered if the form is incomplete. This can be achieved with IF conditions and validation steps.
  • Download or Save: The generated PDF can be presented to the user as a download link or saved in the system.
  • Multiple Element Conversion: Multiple Component To PDF actions can be defined to transfer different sections to PDF.

Technical Risks

  • Incorrect Component ID: If the element is not defined correctly, the PDF will not be generated.
  • Low Quality: Outputs may be blurry if the quality value is low. The “high” value should be preferred.

The Component To PDF action is an effective solution for exporting, reporting, and documenting user-specific content in Kuika applications. With its advanced customization options and easy configuration, it is ideal for exporting forms, reports, and dynamic content.

Other Related Content

No items found.

Glossary

No items found.

Alt Başlıklar