https://github.com/camunda-community-hub/camunda-modeler-plugin-usertask-generatedform-preview

https://github.com/camunda-community-hub/camunda-modeler-plugin-usertask-generatedform-preview

camunda-modeler

Last synced: 3 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/camunda-community-hub/camunda-modeler-plugin-usertask-generatedform-preview
• Owner: camunda-community-hub
• Created: 2021-06-04T14:12:01.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2024-01-24T14:29:31.000Z (over 1 year ago)
• Last Synced: 2025-04-07T16:41:39.977Z (6 months ago)
• Topics: camunda-modeler
• Language: JavaScript
• Size: 1.58 MB
• Stars: 8
• Watchers: 4
• Forks: 1
• Open Issues: 22
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.MD
  • Code of conduct: CODE_OF_CONDUCT.MD

Awesome Lists containing this project

README

          
[![Community Extension](https://img.shields.io/badge/Community%20Extension-An%20open%20source%20community%20maintained%20project-FF4700)](https://github.com/camunda-community-hub/community)

[![Lifecycle: Unmaintained](https://img.shields.io/badge/Lifecycle-Unmaintained-lightgrey)](https://github.com/Camunda-Community-Hub/community/blob/main/extension-lifecycle.md#Unmaintained-)

![Lifecycle: Maintainer Needed](https://img.shields.io/badge/Maintainer%20Wanted-This%20extension%20is%20in%20search%20of%20a%20Maintainer-ff69b4)

# Camunda Modeler Plugin - UserTask Generated Form Preview and Embedded Form Generator

This plugin adds a 'Preview Form' Button to all BPMN User Tasks in the Camunda Modeler Properties Panel.

Once you click on this button a overlay with show you a preview of your form that has been defined as form fields in the UserTask Forms Tab. It shows you how the form will look like in the default Camunda Tasklist.

Besides just giving you a preview, this plugin automatically generates HTML source code that you will need to create an embedded form for your UserTask.

So this plugin is the perfect fit if you often start with simple generated form fields and then want to make them more advanced by using the embedded forms functionality in the Tasklist.

## Example

![Plugin Example](plugin-example.gif)

## Installation

Put the whole directory including subdirectories into the `plugins` directory of the Camunda Modeler and you're ready to go.

Model a UserTask and check in the Forms Tab if you are seeing the "Preview Form" button.

If you're interested in how to create your own plugins see the [documentation](https://github.com/camunda/camunda-modeler/tree/develop/docs/plugins/README.md) and this [example](https://github.com/camunda/camunda-modeler-plugin-example).