Widget Form

The form widget in the application builder allows you to easily create custom forms for your app without any programming skills.

Creating a form involves three main stages:

  1. Form: This section contains the list of all your different forms.

  2. Validation: This is where you set up rules to validate user input.

  3. Data Process: This is where you configure how the submitted data is handled.

Using Form Widget

First, make sure you have created a new service and are on the frontend builder page, as shown in the image below.

  1. Drag and drop the form widget from the menu onto your page.

  2. Click the "gear" icon on the form widget to open its settings.

  3. A pop-up window will appear. Click "Tambah Formulir" (Add Form).

  4. The display will change to the form builder view (as shown in the image below).

  5. To add a field, click "Tambah Bidang" (Add Field). A new field will appear.

  6. Configure this new field by clicking on the "Bidang" (Field) that you just added.

  7. In the "Label" column, enter the name for your field (e.g., "Full Name", "Email").

  8. Once done, click the "Setup Komponen" (Setup Component) button.

  9. A setup panel will appear, allowing you to configure the type and behavior of the form field.

  10. Select and choose the appropriate form type for your needs (e.g., standard form, time, media, camera, location, dynamic, built-in, or external/internal data).

Last updated