Skip to content

Commit f115e69

Browse files
Merge pull request #52 from CreatorWorkflowsNow/51-telework-step-4-4-2-7-incorrect-screenshot
51 telework step 4 4 2 7 incorrect screenshot
2 parents fe6c048 + 1a14a79 commit f115e69

File tree

74 files changed

+181
-117
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

74 files changed

+181
-117
lines changed

labs/telework-utah/1.0-Build-the-Foundation/1.2-Create_the_Tables.md

Lines changed: 78 additions & 49 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,11 @@ id: create-tables
33
title: "1.2 Create the Tables with Data"
44
hide_table_of_contents: true
55
draft: false
6+
tags:
7+
- UTAH
68
---
79

10+
811
We will create the core tables for our application. To create a table in App Engine Studio:
912

1013
1. Click the **Add** icon (⨁ Add) for _Data_ on the _App Home_ tab.
@@ -29,24 +32,28 @@ We will create the core tables for our application. To create a table in App Eng
2932
5. <span className="large-number">①</span> Check ☑ <strong>Import spreadsheet data</strong> (in the telework_lab files folder we downloaded earlier),<br/>
3033
<span className="large-number">②</span> Click on <strong>Convert to table</strong>.
3134

32-
![](images/data_Convert_to_table.png)
35+
![](../images/2023-10-04-12-03-13.png)
3336

3437

3538
6. <span className="large-number">①</span> Select <strong>Create new table</strong> (to hold the Arrangement data),<br/>
3639
<span className="large-number">②</span> Click on the <span className="aes_button">Continue</span> button.
3740

38-
![](images/AddData-CreateNewTable.png)
41+
![](../images/2023-10-04-12-05-56.png)
3942

4043

41-
7. <span className="large-number">①</span> Click the Expand/Collapse icon (⌄) to see advanced configuration options,<br/>
44+
7. <span className="large-number">①</span> Click the Expand/Collapse icon (⌄) for the "Code" field to see advanced configuration options,<br/>
4245
<span className="large-number">②</span> Check the <strong>Display</strong> checkbox,<br/>
4346
<span className="large-number">③</span>Click on the <span className="aes_button">Continue</span> button.
4447

45-
![](images/data_Check_Display.png)
48+
![](../images/2023-10-04-12-38-28.png)
49+
50+
51+
:::info
52+
The **Display** field is the one that appears if you reference this record from another table. A table can only have a single field marked as the **Display** field.
4653

54+
For example, in a drop-down or reference we want it to display the code "Remote Telework" and not the full Description.
4755

48-
:::tip
49-
We need to set what value to display when these records will be referenced.
56+
Fields are also known as table columns.
5057
:::
5158

5259

@@ -62,7 +69,7 @@ We need to set what value to display when these records will be referenced.
6269
<span className="large-number">②</span> For the <strong>user</strong> role, click the <strong>All</strong> checkbox and then remove the <strong>Delete</strong> permission.<br/>
6370
<span className="large-number">③</span> Click on the <span className="aes_button">Continue</span> button.<br/>
6471

65-
![](images/data_add_table_permissions.png)
72+
![](../images/2023-10-04-12-13-19.png)
6673

6774

6875
10. A loading screen will appear while the table is being created. When it completes, click <span className="aes_button">Done</span>.
@@ -71,119 +78,141 @@ We need to set what value to display when these records will be referenced.
7178

7279
11. We haven't converted all the sheets in the spreadsheets, so we'll see this message pop up.
7380

81+
:::info
82+
This is intentional to show you that you do not have to import all of the sheets in a workbook.
83+
:::
84+
7485

7586
12. Click <span className="aes_button">Yes, leave</span>.
76-
![](images/data_leave_without_converting_other_sheets.png)
87+
![](../images/2023-10-04-12-13-59.png)
7788

7889

7990
13. Let's add the Telework Case table. Click the **Add** icon (⨁ Add) for _Data_ on the _App Home_ tab.
80-
![](images/AddData-CreateCaseTable.png)
81-
91+
![](../images/2023-10-04-12-14-32.png)
8292

8393

84-
14. <span className="large-number">①</span>Select the **Import a spreadsheet** tile, <br/>
85-
<span className="large-number">②</span>Click on the <span className="aes_button">Continue</span> button.
94+
14. <span className="large-number">①</span>Select <b>Import a spreadsheet</b>.<br/>
95+
<span className="large-number">②</span>Click <span className="aes_button">Continue</span>.
8696

8797
![](images/AddData_ImportASpreadsheet.png)
8898

8999

90100
15. On the _Choose a spreadsheet to import from_ screen, click the **Drag and drop or browse to upload spreadsheet** link.
91101

92102

93-
16. Browse and select the **Telework Cases.xlsx** file you downloaded.
103+
16. Browse and select the **telework_cases.xlsx** file you downloaded.
94104

95105

96106
17. Select ☑ **Import spreadsheet data**.
97107

98108

99109
18. Click on the <span className="aes_button">Continue</span> button.
100-
![](images/AddData-ChooseSpreadsheetCase.png)
101-
110+
![](../images/2023-10-04-12-15-27.png)
102111

103-
19. This time on the _Where do you want to import your file into?_ screen, select the **Create from an extensible table** tile.
104112

113+
19. Select **Create from an extensible table**, then click <span className="aes_button">Continue</span>.
114+
![](../images/2023-10-04-12-17-04.png)
105115

106-
20. Click on the <span className="aes_button">Continue</span> button.
107-
![](images/AddData-CreateFromExt.png)
108116

109-
110-
21. **On the _Which table do you want to use?_ screen,**<br/>
117+
20. **On the _Which table do you want to use?_ screen,**<br/>
111118
<span className="large-number">➊</span> Click in the table field,<br/>
112119
<span className="large-number">➋</span> Select the <strong>Task</strong> table, <br/>
113120
<span className="large-number">➌</span> Click on the <span className="aes_button">Continue</span> button.
114121

115122
![](images/AddData-WhichTable.png)
116123

117124

118-
22. **On the _let's get more info about your new table_ screen,**
125+
21. **On the _let's get more info about your new table_ screen,**
119126
<br/>
120-
<span className="large-number">➊</span> Set the table label to <strong>Telework Case</strong>. (Hit <kbd>⇥ Tab</kbd>) The table name will auto populate, <br/>
127+
<span className="large-number">➊</span> Set the "Table label" to <strong>Telework Case</strong>. (Hit <kbd>⇥ Tab</kbd>) <i>The "Table name" will auto populate</i>. <br/>
121128
<span className="large-number">➋</span> Check the <strong>Auto number</strong>, <br/>
122129
<span className="large-number">➌</span> Keep the Prefix as <strong>TEL</strong> <br/>
123130
<span className="large-number">➍</span> Click the <span className="aes_button">Continue</span> button.
124131

125132
![](images/AddData-Case-Properties.png)
126133

127134

128-
23. **Set the permissions.** <br/>
135+
22. **Set the permissions.** <br/>
129136
<span className="large-number">①</span> For the <strong>admin</strong> role, click the <strong>All</strong> checkbox <br/>
130137
<span className="large-number">②</span> For the <strong>user</strong> role, click the <strong>All</strong> checkbox and then remove the <strong>Delete</strong> permission. <br/>
131138
<span className="large-number">③</span> Click on the <span className="aes_button">Continue</span> button.
132139

133-
![](images/data_add_table_permissions.png)
140+
![](../images/2023-10-04-12-21-43.png)
134141

135142

136-
24. On the _Great! Now your table is ready for data_ screen, select the <span className="aes_button">Continue</span> button.
143+
23. Click <span className="aes_button">Continue</span>.
137144
![](images/AddData-TableReadyForData.png)
138145

139146

140-
25. A loading screen will appear: _Sit tight while we create data mapping instance for table Arrangement_.
147+
24. A loading screen will appear: _Sit tight while we create data mapping instance for table Arrangement_. <br/>
148+
Click <span className="aes_button">Continue</span> on the next screen.
149+
![](../images/2023-10-04-12-44-44.png)
150+
141151

152+
25. Read the help pop-up and click <span className="aes_button">Next</span> until <span className="aes_button">Done</span>.
142153

143-
26. Read the help pop-up and click <span className="aes_button">Next</span> until <span className="aes_button">Done</span>.
144-
![](images/AddData_MapTeleworkCase.png)
154+
|Next|Next|Next|Done
155+
|--|--|--|--
156+
|![](../images/2023-10-04-12-22-42.png)| ![](../images/2023-10-04-12-23-09.png)| ![](../images/2023-10-04-12-23-28.png)| ![](../images/2023-10-04-12-23-49.png)
145157

146158

147-
27. Notice the fields have already been auto-mapped, but some are not correct. Clear out the _Transfer reason_ value.
148-
![](images/AddData_ClearTransferReason.png)
159+
26. Notice the fields have already been auto-mapped, but some are not correct. Clear out the _Transfer reason_ value.
160+
![](../images/2023-10-04-12-31-55.png)
149161

150162

151-
28. Click on the Add Fields link button at the top.
152-
![](images/AddData_AddFields.png)
163+
27. Click on the Add Fields link button at the top.
164+
![](../images/2023-10-04-12-33-11.png)
153165

154166

155-
29. Hover over the row and edit the Reason field by clicking on the pencil icon.
156-
![](images/AddData_EditReason.png)
167+
28. Hover over the row and edit the Reason field by clicking on the pencil icon.
168+
![](../images/2023-10-04-12-46-58.png)
157169

158170

159-
30. In the **Field type** section select **Choice** then click the <span className="aes_button">Update field</span> button. The choices will be added for you based on the spreadsheet data!
160-
![](images/AddData_UpdateReason.png)
171+
29.
172+
1. Click "String" under **Field type**
173+
![](../images/2023-10-04-12-48-01.png)
174+
2. Select **Choice**
175+
![](../images/2023-10-04-12-48-36.png)
176+
3. Click the <span className="aes_button">Update field</span> button. <br/><br/>
177+
**The choices will be added for you based on the spreadsheet data!**
178+
![](../images/2023-10-04-12-49-02.png)
161179

162180

163-
31. Days per week is ok as an integer.
181+
30. Days per week is ok as an integer. Do not do anything to it.
182+
![](../images/2023-10-04-12-49-31.png)
164183

165184

166-
32. Days per week is ok as an integer, but Edit the Arrangment field.
167-
- Field type: **Reference**
168-
- Reference table: **Arrangement**
169-
- Click the <span className="aes_button">Update field</span> button.
185+
31. Edit the Arrangment field.
186+
1. Hover over the row and edit the Arrangement field by clicking on the pencil icon.
187+
![](../images/2023-10-04-12-51-08.png)
188+
2. Click "String" under **Field type**
189+
![](../images/2023-10-04-12-48-01.png)
190+
3. Select "Reference"
191+
![](../images/2023-10-04-12-52-09.png)
192+
4. Type "Arrangement" into the **Reference table** field and click on the "Arrangement" table.
193+
![](../images/2023-10-04-12-53-35.png)
194+
5. Click <span className="aes_button">Update field</span>.
195+
![](../images/2023-10-04-12-54-01.png)
170196

171-
![](images/AddData-EditArrangement.png)
172197

198+
32. Now that you have configured the new fields click <span className="aes_button">Add fields</span> to add them to our new table.
199+
![](../images/2023-10-04-12-55-17.png)
173200

174-
33. Lets add the new fields to our table by clicking the <span className="aes_button">Add fields</span> button.
175-
![](images/AddData-AddFieldsDone.png)
176201

202+
33. Clear the Description, Opened, and Transfer reason values, and click <span className="aes_button">Continue</span> in the bottom right corner.
203+
![](../images/2023-10-04-12-57-24.png)
204+
![](../images/2023-10-04-12-57-06.png)
205+
![](../images/2023-10-04-12-57-53.png)
206+
![](../images/2023-10-04-12-58-24.png)
177207

178-
34. Clear the Description, Opened, and Transfer reason values. Click on the <span className="aes_button">Continue</span> button.
179-
![](images/AddData_RemoveOpened.png)
180208

209+
![](../images/2023-10-04-12-59-06.png)
181210

182-
35. Your table is now ready. Click the <span className="aes_button">Edit table</span> button. Click through all the helper screens.
183-
![](images/AddData-TableisReady.png)
211+
34. Your table is now ready. Click the <span className="aes_button">Edit table</span> button. Click through all the helper screens.
212+
![](../images/2023-10-04-12-59-28.png)
184213

185214

186-
36. Click the <span className="aes_button">Next</span> button on the Welcome to Table builder helper and other popups.
215+
35. Click the <span className="aes_button">Next</span> button on the Welcome to Table builder helper and other popups.
187216
![](images/AddData_Welcome.png)
188217

189218

Binary file not shown.

0 commit comments

Comments
 (0)