AI-Driven Smart PDF Form Filling in .NET MAUI PDF Viewer

Lucy Muturi - Sep 30 - - Dev Community

TL;DR: Let’s see how to auto-fill PDF forms using AI and .NET MAUI PDF Viewer. The blog covers setting up .NET MAUI, integrating OpenAI, and using AI to intelligently fill out forms with relevant data. You’ll learn how to export form data, map it with AI, and automatically populate the fields in your app. This approach saves time and effort, especially for complex forms!

Filling out PDF forms can be tedious and time-consuming, especially when dealing with multiple documents. However, with the integration of AI and Syncfusion .NET MAUI PDF Viewer, you can now auto-fill PDF forms quickly and efficiently. This blog will guide you through setting up and using this feature to save time and effort.

How does smart PDF Form filling work?

Smart PDF form filling uses advanced AI models to interpret and extract relevant information from a given text content or paragraphs copied from a clipboard. The extracted data is intelligently mapped to the appropriate fields in a PDF form, including text boxes, checkboxes, list boxes, combo boxes, and radio buttons. This significantly reduces the need for manual data entry, and it is particularly beneficial in scenarios where large volumes of forms need to be filled out or where the forms are complex and detailed.

Users can review and verify the filled forms to ensure accuracy. Minimal corrections might be required depending on the complexity of the forms, the supplied data, and the AI response.

Prerequisites

Before you begin, ensure you have the following:

  1. OpenAI API Key: Visit the OpenAI website to create an account and obtain your API key.
  2. .NET MAUI setup: Follow the installation requirements and build your first .NET MAUI app.

App configuration

Let’s configure the .NET MAUI app by following these steps:

Step 1: Create a new .NET MAUI app

Begin by setting up a new .NET MAUI project. This will serve as the foundation for your app.

Step 2: Install the necessary packages

Next, we need to install the following two key packages:

Step 3: Configure your app

Once the packages are installed, configure your app by following these steps:

1.Create an instance of OpenAIClient to interact with OpenAI’s services.

OpenAIClient? openAIClient = new OpenAIClient(
    new Uri("https://yourendpoint.com/"), 
    new AzureKeyCredential("AZURE_OPENAI_API_KEY")
);
Enter fullscreen mode Exit fullscreen mode

2.Create an instance of ChatCompletionsOptions to give chat models access to a list of messages as input and return a model-generated message as output.

ChatCompletionsOptions? chatCompletionsOptions = new ChatCompletionsOptions
{
    DeploymentName = "DEPLOYMENT_NAME"
};
Enter fullscreen mode Exit fullscreen mode

3.Finally, create an instance of SfPdfViewer to display PDF files in your app.

<syncfusion:SfPdfViewer DocumentSource="{Binding PdfFileSource}"/>
Enter fullscreen mode Exit fullscreen mode

Smart PDF form filling in .NET MAUI PDF Viewer with AI-generated form data

To automatically fill PDF forms using the .NET MAUI PDF Viewer, you can use AI to generate XFDF (XML Forms Data Format) files containing the required form data. This process involves several steps, from exporting form data to AI for intelligent data mapping and finally importing the data back into the PDF form using the .NET MAUI PDF Viewer.

Step 1: Export form data from the PDF

First, export the form data from the PDF using the .NET MAUI PDF Viewer. If the form is unfilled, it exports as empty; otherwise, it exports with previously filled data. Use the exported form data to help the AI model recognize the form fields and understand the structure of the XFDF format. This step ensures the AI maps the data to the appropriate form fields.

Refer to the following code example.

using Syncfusion.Maui.PdfViewer;
public async Task ExportFormData(SfPdfViewer pdfViewer, Stream xfdfStream)
{
    // Export the form data.
    pdfViewer.ExportFormData(xfdfStream, DataFormat.XFdf);
}
Enter fullscreen mode Exit fullscreen mode

Step 2: Copy text to populate the form fields

Copy the required text information from any source to your clipboard. This text content should contain all the relevant information needed to populate the form fields.

Step 3: Generate XFDF content with AI

Now, provide the exported form data and the copied text content to the AI model. Provide a prompt to the AI model to produce XFDF text content that merges the exported form data with suitable form values extracted from the text content. This step involves using AI to intelligently map the extracted data to the form fields in the XFDF format.

Refer to the following code example.

using Azure.AI.OpenAI;

public async Task<String> GenerateXFDFContent(string exportedFormData, string copiedTextContent, OpenAIClient openAIClient)
{
    // Create a prompt for the AI model.
    string prompt = $"Merge the copied text content into the XFDF file content. Hint text: {CustomValues}. " +
              $"Ensure the copied text content matches the appropriate field names. " +
              $"Here are the details: " +
              $"Copied text content: {copiedTextContent}, " +
              $"XFDF information: {exportedFormData}. " +
              $"Provide the resultant XFDF directly. " +
              $"Please follow these conditions: " +
              $"1. The input data is not directly provided as the field name; you need to think and merge appropriately. " +
              $"2. When comparing input data and field names, ignore case sensitivity. " +
              $"3. First, determine the best match for the field name. If there isn’t an exact match, use the input data to find a close match. " +
              $"4. Remove ```
{% endraw %}
xml and
{% raw %}
 ``` if they are present in the code.";
    // Get the AI response.
    string xfdfContent = await openAIClient.GetChatCompletionsAsync(prompt);
    return xfdfContent;
}
Enter fullscreen mode Exit fullscreen mode

Step 4: Convert XFDF content to file stream and import in the .NET MAUI PDF Viewer

Convert the generated XFDF content to an XFDF file stream. This file stream can then be used to fill the PDF form automatically by importing it using the PDF Viewer.

Refer to the following code example.

using System.IO;
using Syncfusion.Maui.PdfViewer;

public async void FillPdfForm(SfPdfViewer pdfViewer, string xfdfContent)
{
    using (Stream xfdfStream = new MemoryStream())
    {
        // Create a StreamWriter to write to the XFDF stream.
        var writer = new StreamWriter(xfdfStream, leaveOpen: true);

        // Write the XFDF content to the stream.
        await writer.WriteAsync(xfdfContent);

        // Import the XFDF stream to the PDF Viewer.
        xfdfStream.Position = 0;
        pdfViewer.ImportFormData(xfdfStream, DataFormat.XFdf, true);
    }
}
Enter fullscreen mode Exit fullscreen mode

By following these steps, you can create XFDF form contents with AI and automatically fill PDF forms using the .NET MAUI PDF Viewer.

Refer to the following output image.

Integrating AI-driven smart PDF form filling in .NET MAUI PDF Viewer

Integrating AI-driven smart PDF form filling in .NET MAUI PDF Viewer

GitHub reference

For more details, refer to the AI-driven smart PDF form filling in the .NET MAUI PDF Viewer GitHub demo.

Note: In the project directory, locate the AIHelper.cs file. Replace the default values in the following code snippet with your specific AI endpoint, deployment name, and API key to ensure proper functionality.

private string aiEndpoint = "https://yourendpoint.com/";
private string deploymentName = "DEPLOYMENT_NAME";
private string apiKey = "AZURE_OPENAI_API_KEY";
Enter fullscreen mode Exit fullscreen mode

Conclusion

Thanks for reading! By leveraging AI and the Syncfusion .NET MAUI PDF Viewer, you can significantly streamline the process of filling out PDF forms. This not only saves time but also reduces the likelihood of errors. With minimal setup and configuration, you can automate form filling and focus on more critical tasks.

This feature is available in the latest 2024 Volume 3 release. You can check out all the features in our Release Notes and What’s New pages.

You can download and check out our MAUI demo app from Google Play and the Microsoft Stores.

The existing customers can download the new version of Essential Studio on the License and Downloads page. If you are not a Syncfusion customer, try our 30-day free trial to check out our incredible features.

You can also contact us through our support forum, support portal, or feedback portal. We are always happy to assist you!

Related blogs

Image
So sánh lưới thép hàn và lưới thép đan: Lựa chọn nào phù hợp hơn?
Image
Prompt Engineering (For Lazy Programmers): Getting Exactly the Code You Want (and Even More, Out of ChatGPT)

ai, promptengineering, chatgpt, python
Image
bukti memesona terkait slots online
Image
How to Route Multiple Paystack Webhooks with one Webhook URL

webdev, javascript, beginners, tutorial
Image
I created a video tutorial on how to make a responsive sidebar using CSS and vanilla Javascript

webdev, nav, css, javascript
Image
Tìm hiểu về lưới thép hàn: Cấu tạo, ưu điểm và ứng dụng
Image
Declutter Your Space: The best Guide to Junk Removal Services inside Raleigh, NC
Image
Filma24 my
Image
Building a Single-Page App with a New Paradigm Using TargetJ
Image
Doors With Cat Flap
Image
10 Meetups On Bioethanol Freestanding Stove You Should Attend
Image
5 Essential Software Metrics for Quality Assurance

webdev, javascript, programming, scrum
Image
20 Myths About Freestanding Bioethanol Fireplace: Dispelled
Image
upvc Door Panels With Cat Flap
Image
Remodel Your Space: The supreme Guide to Junk Removal Services within Raleigh, NC
Image
Fitting a Cat Flap
Image
langkah transaksi bisnis slots online yang umum dipakai
Image
Simple Pop-Up Newsletter Project

webdev, javascript, css, programming
Image
The Smart POS Benefit: Real-Time Analytics for Your Organization
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .