-
Notifications
You must be signed in to change notification settings - Fork 188
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
update launch web modeler page (#4214)
* update launch web modeler page * update description * backport to 8.5
- Loading branch information
1 parent
6e042ff
commit 85cdf36
Showing
8 changed files
with
20 additions
and
36 deletions.
There are no files selected for viewing
Binary file added
BIN
+1.13 MB
docs/components/modeler/web-modeler/img/camunda-marketplace-example.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
28 changes: 10 additions & 18 deletions
28
docs/components/modeler/web-modeler/launch-web-modeler.md
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,29 +1,21 @@ | ||
--- | ||
id: launch-web-modeler | ||
title: Launch Web Modeler | ||
description: "Since Web Modeler is embedded in the Camunda 8 Console, it does not need to be started separately. To launch Web Modeler, take these steps." | ||
description: "Design and implement your first diagram using Web Modeler, a component of Camunda. Web Modeler also allows you to create BPMN diagrams, DMN diagrams, and forms." | ||
--- | ||
|
||
<span class="badge badge--cloud">Camunda 8 only</span> | ||
|
||
Since Web Modeler is embedded in the Camunda 8 Console, it does not need to be started separately. | ||
Design and implement your first diagram using Web Modeler, a component of Camunda. Web Modeler also allows you to create BPMN diagrams, DMN diagrams, and forms. | ||
|
||
To launch Web Modeler, follow the steps below: | ||
|
||
1. Click the **Modeler** tab at the top of the page. | ||
![cloud web modeler menu item](img/cloud-web-modeler-menu-item.png) | ||
2. Click **New project** to create a new project to store all your diagrams. | ||
![web modeler empty home](img/web-modeler-new-user-new-project.png) | ||
:::note | ||
You can go back and rename your project at any time. | ||
::: | ||
3. Click **New** and choose **Browse blueprints**. Alternatively, you can also create blank BPMN diagrams, DMN diagrams, or forms. | ||
![web modeler empty project](img/web-modeler-new-user-new-diagram-choose-browse-templates.png) | ||
4. From the modal, hover a tile and select an existing template (i.e. Absence Request) by clicking on the **Use template** button. Alternatively, you can create a blank diagram by clicking on the **Create a blank model** tile. | ||
![web modeler templates list modal](img/web-modeler-new-user-templates-list-modal.png) | ||
5. From the modal, you can also open the details of a specific template by clicking **Details**. | ||
- In the details modal, you can find information about the author, the technical level, the description, and the categories of the selected template. You can also browse the diagram from the preview on the right side. To proceed with creating the diagram, click **Create model from template**. | ||
![web modeler template details modal](img/web-modeler-new-user-template-details-modal.png) | ||
1. After [creating an account and logging in](/guides/create-account.md) to Camunda, you are automatically taken to Web Modeler. Navigate between the components by clicking the square-shaped **Camunda components** icon in the top left corner of the page. | ||
2. Select **Create new project** to create a new project and store diagrams. | ||
![web modeler empty home](img/web-modeler-new-user-home.png) | ||
3. Name your diagram. You can go back and change the name any time by clicking on the project name and **Edit name**. | ||
4. Select **Browse blueprints** to view blueprints for various use cases as a starting point for your first diagram. Open these blueprints by selecting **Use Blueprint**. Alternatively, click **Create new > BPMN diagram** to create a blank BPMN diagrams. | ||
![web modeler blueprint browsing](img/web-modeler-blueprint.png) | ||
5. While browsing blueprints, you can also open the details of a specific blueprint by selecting **More details**. This opens a new tab in the [Camunda Marketplace](/components/modeler/web-modeler/camunda-marketplace.md). Here, you can have a closer look at the diagram, and open it in SaaS or Self-Managed. | ||
|
||
Congrats! You just created your first diagram. | ||
![web modeler new diagram created](img/web-modeler-new-user-new-diagram.png) | ||
![Camunda marketplace example](img/camunda-marketplace-example.png) |
Binary file added
BIN
+1.13 MB
.../version-8.5/components/modeler/web-modeler/img/camunda-marketplace-example.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added
BIN
+1.57 MB
...d_docs/version-8.5/components/modeler/web-modeler/img/web-modeler-blueprint.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added
BIN
+486 KB
...cs/version-8.5/components/modeler/web-modeler/img/web-modeler-new-user-home.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
28 changes: 10 additions & 18 deletions
28
versioned_docs/version-8.5/components/modeler/web-modeler/launch-web-modeler.md
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,29 +1,21 @@ | ||
--- | ||
id: launch-web-modeler | ||
title: Launch Web Modeler | ||
description: "Since Web Modeler is embedded in the Camunda 8 Console, it does not need to be started separately. To launch Web Modeler, take these steps." | ||
description: "Design and implement your first diagram using Web Modeler, a component of Camunda. Web Modeler also allows you to create BPMN diagrams, DMN diagrams, and forms." | ||
--- | ||
|
||
<span class="badge badge--cloud">Camunda 8 only</span> | ||
|
||
Since Web Modeler is embedded in the Camunda 8 Console, it does not need to be started separately. | ||
Design and implement your first diagram using Web Modeler, a component of Camunda. Web Modeler also allows you to create BPMN diagrams, DMN diagrams, and forms. | ||
|
||
To launch Web Modeler, follow the steps below: | ||
|
||
1. Click the **Modeler** tab at the top of the page. | ||
![cloud web modeler menu item](img/cloud-web-modeler-menu-item.png) | ||
2. Click **New project** to create a new project to store all your diagrams. | ||
![web modeler empty home](img/web-modeler-new-user-new-project.png) | ||
:::note | ||
You can go back and rename your project at any time. | ||
::: | ||
3. Click **New** and choose **Browse templates**. Alternatively, you can also create blank BPMN diagrams, DMN diagrams, or forms. | ||
![web modeler empty project](img/web-modeler-new-user-new-diagram-choose-browse-templates.png) | ||
4. From the modal, hover a tile and select an existing template (i.e. Absence Request) by clicking on the **Use template** button. Alternatively, you can create a blank diagram by clicking on the **Create a blank model** tile. | ||
![web modeler templates list modal](img/web-modeler-new-user-templates-list-modal.png) | ||
5. From the modal, you can also open the details of a specific template by clicking **Details**. | ||
- In the details modal, you can find information about the author, the technical level, the description, and the categories of the selected template. You can also browse the diagram from the preview on the right side. To proceed with creating the diagram, click **Create model from template**. | ||
![web modeler template details modal](img/web-modeler-new-user-template-details-modal.png) | ||
1. After [creating an account and logging in](/guides/create-account.md) to Camunda, you are automatically taken to Web Modeler. Navigate between the components by clicking the square-shaped **Camunda components** icon in the top left corner of the page. | ||
2. Select **Create new project** to create a new project and store diagrams. | ||
![web modeler empty home](img/web-modeler-new-user-home.png) | ||
3. Name your diagram. You can go back and change the name any time by clicking on the project name and **Edit name**. | ||
4. Select **Browse blueprints** to view blueprints for various use cases as a starting point for your first diagram. Open these blueprints by selecting **Use Blueprint**. Alternatively, click **Create new > BPMN diagram** to create a blank BPMN diagrams. | ||
![web modeler blueprint browsing](img/web-modeler-blueprint.png) | ||
5. While browsing blueprints, you can also open the details of a specific blueprint by selecting **More details**. This opens a new tab in the [Camunda Marketplace](/components/modeler/web-modeler/camunda-marketplace.md). Here, you can have a closer look at the diagram, and open it in SaaS or Self-Managed. | ||
|
||
Congrats! You just created your first diagram. | ||
![web modeler new diagram created](img/web-modeler-new-user-new-diagram.png) | ||
![Camunda marketplace example](img/camunda-marketplace-example.png) |