You are viewing an old version of this page. View the current version.

Compare with Current View Page History

Version 1 Next »

Introduction

The AI Form Fill Element plugin is a tool designed to automatically generate and populate data for form elements.

Plugin Information

Plugins Available in the Bundle:

  1. AI Form Fill Element

This plugin bundle is compatible with Joget DX 8.

Expected Outcome

The AI Form Fill Element is able to generate and populate data for form elements.


Figure 1: AI Form Fill Element in a form

Get Started

Prerequisites

  1. Sign Up for OpenAI API:

  2. Obtain API Key:

    • Navigate to the API keys page on the OpenAI platform.
    • Generate an API key.
    • Copy the API key; you will need it for the AI Form Fill Element plugin configuration.

  3. Choose a Model:

    • Go to the OpenAI Models Documentation to understand the available models.
    • Select a model that you would like to use (e.g., gpt-3.5-turbo and gpt-4-turbo).
    • Note the model name for later use in the configuration.

Steps

1. You can obtain the jar file by the latest release at https://github.com/jogetoss/ai-form-fill-element/releases/tag/8.0.0.

2. Upload the plugin jar file in Joget by going to Settings → Manage Plugins.

3. You can choose to import the demo app or create the app from scratch.

Steps for importing demo app

1. Download the demo app from (.jwa file).

2. Go to Joget Home or All Apps and click on Import App to import the downloaded demo app.

Steps for creating app from scratch

1. Create a form with the desired fields (e.g., Name, Email, Contact, Status, Address, Gender, Date of Birth). And then add the AI Form Fill Element in the form.

Figure 2: Add AI Form Fill Element in the form

2. Then click on the Form Auto Fill AI element and enter the necessary configurations. Enter the model name you chose, Enter the API key you obtained from OpenAI, you can add the API Key to App variables and then use a hash variable to reference the values. For more information, please refer to App Variable.



Figure 3: Configure the AI Form Fill Element

  • No labels