Skip to content

Commit e381392

Browse files
committed
Added images to first getting started flow doc.
Added images to first getting started flow doc.
1 parent 7501934 commit e381392

13 files changed

+33
-10
lines changed

docs/business-apps/flow/get-started/create-your first-flow.md

Lines changed: 21 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,10 +21,14 @@ Before following the steps in this artucle, make sure your SharePoint site is se
2121

2222
> **Note:** You may see other options as well such as 'Request sign-off' and other flows if they are available for the list or library here.
2323
24+
![Create a flow from Projects list](../../../images/gs01-create-a-flow-command-bar.png)
25+
2426
4. Click on *Create a flow*.
2527

2628
5. In the *Create a flow* panel, you can explore various templates available for your list.
2729

30+
![Create a flow panel in lists](../../../images/gs01-create-a-flow-panel.png)
31+
2832
6. Click on the template that reads:
2933
> Send a customized email when a new SharePoint list item is added.
3034
@@ -37,25 +41,31 @@ Before following the steps in this artucle, make sure your SharePoint site is se
3741
8. Verify the connection information to ensure it uses your credentials.
3842
> A green checkmark icon indicates a connection to the service was succesfully made using your credentials.
3943
44+
![Flow template - send email when an item is added in a list](../../../images/gs01-create-a-flow-when-item-is-added-template.png)
45+
4046
9. Click *Continue* to create the flow. Any connections that requires a connection will also be attempted during this step.
4147

4248
10. Once the flow is created successfully, you will be redirected to the flow designer where you can edit and modifify the flow if needed.
4349

50+
![Flow designer - send email when an item is added in a list](../../../images/gs01-designer-when-item-is-added-template.png)
51+
4452
11. Click on the name of the flow that reads *Send a customized email when a new SharePoint list item is added* and enter the following name for the flow:
4553
* Send an email for new projects
4654

4755
12. The SharePoint actions are represented with the SharePoint logo in the flow designer.
4856

4957
13. In the *When the new item is created* action, click on *Edit* to expand the action.
5058

51-
14. Notice the input configured to the SharePoint site address and list name fromk where you created the flow.
59+
14. Notice the input configured to the SharePoint site address and list name from where you created the flow.
5260

5361
15. In the *Send Email* action, click on *Edit* to expand the action.
5462

5563
16. Notice all the input is filled in with dynamic values from the *Get my profile* and *When the new item is created* actions.
5664

5765
17. Hover over the dynamic values to see what properties they refer. For example, hovering over the *Email* shows that the property is read from the *Get my profile*'s *Mail* property.
5866

67+
![Flow designer - hover to see dynamic content](../../../images/gs01-designer-hover-dynamic-content.png)
68+
5969
18. Click *Save* to save the flow.
6070

6171
Your flow is active as soon as you save the flow. In our case, this flow *Send an email for new projects* is now active and will run whenever new items are added to the *Projects* list in the specified SharePoint site.
@@ -68,8 +78,12 @@ In order to test your flow, you can test it by adding a new item in SharePoint l
6878

6979
2. In the *Test Flow* panel, click on *I'll perform the trigger action* and then click on *Save & Test* button.
7080

81+
![Flow designer - hover to see dynamic content](../../../images/gs01-designer-test-flow.png)
82+
7183
3. You should see a message that instructs to add a new list item to the SharePoint list you selected.
7284

85+
![Flow designer - test flow message](../../../images/gs01-designer-test-flow-message.png)
86+
7387
4. You should have the browser tab with the *Projects* list opened already. If not, open a new browser tab and browse to the *Projects* list.
7488
> Do not close the flow designer. Make sure you keep the flow designer browser tab open.
7589
@@ -81,6 +95,8 @@ In order to test your flow, you can test it by adding a new item in SharePoint l
8195

8296
7. You should see the flow run history. If all of the actions were executed successfully, you will a green checkmark icon besides every action.
8397

98+
![Flow designer - flow run history](../../../images/gs01-designer-test-flow-run.png)
99+
84100
8. You can also click on the action to see the inputs and outputs used in the flow run. This is also a good place to see the actual values translated from those dynamic content properties used in that action.
85101

86102
9. As a result of this flow, you should have received an email as well regarding the new project information.
@@ -100,10 +116,14 @@ In order to test your flow, you can test it by adding a new item in SharePoint l
100116

101117
6. To add the owner information, search for *owner* in the search box in the *dynamic content* list.
102118

119+
![Flow designer - add owner dynamic content](../../../images/gs01-designer-append-owner-dynamic-content.png)
120+
103121
7. In the results, click on *Owner DisplayName*. As you can see, it also displays other information such as email, job title, picture and more. Since the *Owner* is a person column in SharePoint, SharePoint passes along the person details as individual properties to the flow.
104122

105123
8. The modified *Body* input should now look like this with the included *Owner* information.
106124

125+
![Flow designer - add owner dynamic content](../../../images/gs01-designer-email-body-with-owner.png)
126+
107127
9. Repeat the steps to test the flow.
108128

109129
10. You should now get an email with the updated owner information in it.

docs/business-apps/flow/get-started/set-up-sharepoint-site.md

Lines changed: 12 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -8,23 +8,26 @@ Create a new SharePoint list called *Projects*. Follow the steps below to create
88

99
### Create a new list
1010

11-
1. Browse to your SharePoint site.
12-
2. In the command bar, click on *New->List*
13-
3. In the *Create list* panel, enter the following and click *Create* to create the list:
11+
1. Browse to a modern SharePoint site in your Office 365 tenant.
12+
13+
> **Note:** You can choose to use either a modern Team Site or a Communications Site.
14+
15+
1. In the command bar, click on *New->List*
16+
2. In the *Create list* panel, enter the following and click *Create* to create the list:
1417

1518
* **Name:** Projects
1619
* **Description:** Projects list.
17-
4. You will be automatically redirected to the *Projects* list.
18-
5. Click on *+ Add column* and then select *Person* column type to add an Onwer column to the list.
19-
6. In the *Create a column* panel, enter the following and click *Save* to add the column to the Projects list:
20+
3. You will be automatically redirected to the *Projects* list.
21+
4. Click on *+ Add column* and then select *Person* column type to add an *Owner* column to the list.
22+
5. In the *Create a column* panel, enter the following and click *Save* to add the column to the Projects list:
2023

2124
* **Name:** Owner
2225
* **Description:** Project owner.
23-
7. The new *Owner* column will now be available in the Projects list.
26+
6. The new *Owner* column will now be available in the Projects list.
2427

2528
### Add new project items
2629

27-
Click on *New* button in the command bar and add the following list items:
30+
Click on *New* button in the list command bar and add the following list items:
2831

2932
* Item 1
3033
* **Title:** Project 1
@@ -40,4 +43,4 @@ Click on *New* button in the command bar and add the following list items:
4043

4144
## Next steps
4245

43-
Now that you have set up your site with the lists and libraries, you can get started working with flows by creating your first flow.
46+
Now that you have set up your SharePoint site with the lists and libraries, you are ready to build your first flow.
48.5 KB
Loading
175 KB
Loading
Loading
Loading
Loading
Loading
37.1 KB
Loading
Loading

0 commit comments

Comments
 (0)