1. Log in to the Kuika platform.
2. Open the project you will be working on from the Apps screen.
3. Go to the UI Design module and select the relevant screen.
4. Identify the element from which you want to retrieve the Base64 value.
5. If desired, add a button to trigger the process (e.g., ‘Get Base64’).

6. Select the button and add the Device > Get Component Base64 action from the + ADD ACTION menu according to the trigger event you want (Initial Actions, OnClick, OnBlur, etc.).

7. Configure the parameters:
   
   • Component To Save As PDF: Select the component to be converted to Base64.
   • Quality: Conversion quality level.
   • Orientation: (Optional) Whether the output should be horizontal or vertical.
8. SAVE button to complete the process.

In a business application, users view their reports on a dynamically generated report screen with various graphs, tables, and text components. Users want to convert this report component to Base64 format, convert it to PDF, and download it to their devices.

Adding the Get Component Base64 Action

1. UI Design module, create a button named ‘Download as PDF’.
2. Select the button and add the Get Component Base64 action from the Properties panel:
   
   • + ADD ACTION → OnClick → Get Component Base64.
3. In the Get Component Base64 action:
   
   • Component ID: Specify the ID of the container or panel where the report is located. (For example: reportContainer)
   • Set the Quality and Orientation parameters as needed.
4. Once the Get Component Base64 action is complete, pass the returned Base64 data as a parameter to the next action.

Then, you can use the Base64 data to download the PDF file using Download File From Server or initiate an external API call.

• Dynamic Binding: You can dynamically bind the Base64 output to different components, variables, or API calls.
• Quality Optimisation: You can balance performance and quality by controlling the output size with the quality parameter.
• Orientation Setting: With the orientation parameter, you can easily change the output orientation according to your application's needs.

Technical Risks

• Performance: High quality settings can result in large Base64 outputs and negatively impact application performance.
• Orientation Error: Incorrect orientation selection can cause outputs to be encoded incorrectly or not displayed.