diff --git a/docs/components/modeler/web-modeler/collaboration.md b/docs/components/modeler/web-modeler/collaboration.md index 774724a9fd..1d8175e5a2 100644 --- a/docs/components/modeler/web-modeler/collaboration.md +++ b/docs/components/modeler/web-modeler/collaboration.md @@ -167,6 +167,10 @@ Users without email addresses will not receive any kind of notification about be When others are opening the same diagram as you, the updates on the diagram are sent in real time. You can also note who is in the diagram with you. ![real time collaboration](img/real-time-collaboration.png) +### Undo/redo management limitations + +When collaborating with others on a diagram, you can only undo or redo your own actions until another collaborator makes a change, as the undo/redo history is reset each time another collaborator makes a change. + ### Draw other's attention Whether you are in a presentation or if others are in the same diagram as you are, use the attention grabber pointer to draw attention to a specific part of the diagram. To do this, take the following steps: diff --git a/docs/components/modeler/web-modeler/img/undo-redo.png b/docs/components/modeler/web-modeler/img/undo-redo.png new file mode 100644 index 0000000000..f7106647a7 Binary files /dev/null and b/docs/components/modeler/web-modeler/img/undo-redo.png differ diff --git a/docs/components/modeler/web-modeler/import-diagram.md b/docs/components/modeler/web-modeler/import-diagram.md index 4120120621..4c7f215468 100644 --- a/docs/components/modeler/web-modeler/import-diagram.md +++ b/docs/components/modeler/web-modeler/import-diagram.md @@ -6,14 +6,18 @@ description: "You can import a BPMN or DMN diagram at any time with Web Modeler. Camunda 8 only -You can import a BPMN or DMN diagram at any time with Web Modeler, and there are several ways to accomplish this: +You can import a BPMN or DMN diagram into Web Modeler using several methods: - In a project, click **New > Upload files** and select the files from your computer. + ![import diagram](img/import-diagram/web-modeler-upload-file-menu-item.png) + ![import diagram](img/import-diagram/web-modeler-upload-file-choose.png) + ![import diagram](img/import-diagram/web-modeler-upload-file-completed.png) - In a project, drag one file from your computer and drop it. + ![import diagram](img/import-diagram/web-modeler-project-drag-and-drop.png) :::note @@ -22,8 +26,14 @@ For the two options below, the content of the diagram is replaced with the conte - In a diagram, open the breadcrumb menu and choose **Replace via upload**. Then, select a file from your computer. -![import diagram](img/import-diagram/web-modeler-replace-via-upload-menu-item.png) -![import diagram](img/import-diagram/web-modeler-replace-via-upload-choose.png) + ![import diagram](img/import-diagram/web-modeler-replace-via-upload-menu-item.png) + + ![import diagram](img/import-diagram/web-modeler-replace-via-upload-choose.png) - In a diagram, drag one file from your computer and drop it onto the canvas. + ![import diagram](img/import-diagram/web-modeler-diagram-replace-via-drag-and-drop.png) + +### Undo/redo management limitations + +You cannot undo or redo any actions taken before an import as the undo/redo history is cleared when a diagram is imported. This prevents inconsistencies between the imported diagram and any actions taken before the import. diff --git a/docs/components/modeler/web-modeler/model-your-first-diagram.md b/docs/components/modeler/web-modeler/model-your-first-diagram.md index b3ef8ba410..fb352db61f 100644 --- a/docs/components/modeler/web-modeler/model-your-first-diagram.md +++ b/docs/components/modeler/web-modeler/model-your-first-diagram.md @@ -19,6 +19,14 @@ Elements supporting different types can be reconfigured by clicking on the corre ![task configuration](img/web-modeler-new-diagram-with-configuration.png) +To revert or reapply changes, you can use the **undo** and **redo** buttons located below the elements palette. + +![undo and redo buttons](img/undo-redo.png) + +:::info +See undo/redo management limitations when [Collaborating](./collaboration.md#undoredo-management-limitations) and [Importing](./import-diagram.md#undoredo-management-limitations). +::: + Use the canvas tools in the bottom right corner to interact with your diagram. 1. Zoom in.