Skip to content

Commit

Permalink
update launch web modeler page (#4214)
Browse files Browse the repository at this point in the history
* update launch web modeler page

* update description

* backport to 8.5
  • Loading branch information
christinaausley authored Aug 31, 2024
1 parent 6e042ff commit 85cdf36
Show file tree
Hide file tree
Showing 8 changed files with 20 additions and 36 deletions.
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 docs/components/modeler/web-modeler/launch-web-modeler.md
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)
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.
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)

0 comments on commit 85cdf36

Please sign in to comment.