bpmn-io / form-js

View and visually edit JSON-based forms.
https://bpmn.io/toolkit/form-js/
Other
396 stars 100 forks source link

Enhancing Form Element Diversity and Customization Options in BPMN Form JS #931

Open tgsjenish opened 9 months ago

tgsjenish commented 9 months ago

Feature Description Introduce additional form elements to enhance the versatility of BPMN form JS. The proposed elements include a signature pad, file upload, autocomplete search, currency input, URL input, rich text editor, and the ability to embed sub-forms.

Use Case Consider a scenario where a user needs to design a form for a customer feedback application. They want to include a signature pad for digital signatures, allow users to upload attachments, use autocomplete for efficient data entry, handle currency inputs, capture URLs, utilize a rich text editor for detailed comments, and embed sub-forms for nested information.

Proposed Changes

  1. Signature Pad: Add a signature pad form element that enables users to capture digital signatures.
  2. File Upload: Integrate a file upload component to facilitate attachment handling within forms.
  3. Autocomplete Search: Implement an autocomplete search field for efficient data entry and selection.
  4. Currency Input: Introduce a currency input form element to handle monetary values.
  5. URL Input: Provide a dedicated form element for capturing URLs.
  6. Rich Text Editor: Include a rich text editor for users to input detailed comments or descriptions.
  7. Sub-forms: Enable the inclusion of sub-forms within the main form for handling nested information.

Customization Options Allow users to customize the appearance and behavior of each new form element. If adding these elements as defaults is challenging, provide comprehensive documentation on customization. Empower users to easily integrate third-party React components as custom form elements, ensuring a flexible and extensible solution.

Benefits

Additional Information This feature request is based on the observed need for a more comprehensive set of form elements in various real-world use cases. It aligns with the goal of making BPMN form JS a robust solution for form creation and management.

okaeiz commented 1 month ago

Any updates on this? This file upload and attachment thing is highly demanded