Overview
This node implements a Rich Form Trigger that starts a workflow when form events occur. It generates a customizable HTML form with support for text and image input fields, including drag-and-drop, paste, and file selection for images. When the form is submitted, the node captures the input data (including base64-encoded images) and triggers the workflow with the submitted data. This is useful for collecting rich user input with images and text in automation workflows.
Use Case Examples
- Collecting user feedback with text comments and image uploads.
- Creating a custom survey form that accepts text responses and image attachments.
- Building a contact form that supports rich media input.
Properties
| Name | Meaning |
|---|---|
| Path | The webhook path where the form is served and submitted. |
| Page Title | The title displayed on the form page. |
| Page Description | The description text shown on the form page. |
| Fields | Defines the form fields, supporting multiple text and image inputs with configuration for labels, names, placeholders, required status, max image size, and accepted image types. |
| Options | Additional form options including URLs for Bootstrap CSS, custom CSS, jQuery, form ID and name, and submit button label. |
Output
JSON
status- Indicates the status of the form submission, typically 'ok'.
- Submitted form field values, including text inputs and base64-encoded images.
Dependencies
- Uses external URLs for Bootstrap CSS, custom CSS, and jQuery for form styling and behavior.
Troubleshooting
- Ensure the webhook path is correctly configured and accessible to serve the form and receive submissions.
- Image uploads must respect the configured max image size and accepted MIME types; otherwise, validation alerts will appear.
- If the form submission fails, check network connectivity and server logs for AJAX errors.
- Make sure the external CSS and jQuery URLs are reachable to avoid broken form styling or functionality.