Updated Utah images

Author: dalestubblefield

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

@@ -41,17 +41,17 @@ We will create the core tables for our application. To create a table in App Eng
     ![](../images/2023-10-04-12-05-56.png)
 
 
-7. <span className="large-number">①</span> Click the Expand/Collapse icon (⌄) to see advanced configuration options,<br/>
+7. <span className="large-number">①</span> Click the Expand/Collapse icon (⌄) for the "Code" field to see advanced configuration options,<br/>
    <span className="large-number">②</span> Check the <strong>Display</strong> checkbox,<br/>
    <span className="large-number">③</span>Click on the <span className="aes_button">Continue</span> button. 
 
-    ![](../images/2023-10-04-12-09-02.png)
+    ![](../images/2023-10-04-12-38-28.png)
 
 
 :::info
 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. 
 
-For example, in a drop-down or reference we want it to display "Remote Telework" and not the full Description or sys_id of the record. 
+For example, in a drop-down or reference we want it to display the code "Remote Telework" and not the full Description.
 
 Fields are also known as table columns. 
 :::
@@ -78,6 +78,10 @@ Fields are also known as table columns.
 
 11. We haven't converted all the sheets in the spreadsheets, so we'll see this message pop up.
 
+:::info
+This is intentional to show you that you do not have to import all of the sheets in a workbook. 
+:::
+
 
 12. Click <span className="aes_button">Yes, leave</span>.
 ![](../images/2023-10-04-12-13-59.png)
@@ -87,8 +91,8 @@ Fields are also known as table columns.
 ![](../images/2023-10-04-12-14-32.png)
 
 
-14. <span className="large-number">①</span>Select the **Import a spreadsheet** tile, <br/>
-    <span className="large-number">②</span>Click on the <span className="aes_button">Continue</span> button.
+14. <span className="large-number">①</span>Select <b>Import a spreadsheet</b>.<br/>
+    <span className="large-number">②</span>Click <span className="aes_button">Continue</span>.
 
     ![](images/AddData_ImportASpreadsheet.png)
 
@@ -120,7 +124,7 @@ Fields are also known as table columns.
 
 21. **On the _let's get more info about your new table_ screen,**
     <br/>
-    <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/>
+    <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/>
     <span className="large-number">➋</span> Check the <strong>Auto number</strong>, <br/>
     <span className="large-number">➌</span> Keep the Prefix as <strong>TEL</strong> <br/>
     <span className="large-number">➍</span> Click the <span className="aes_button">Continue</span> button.
@@ -133,61 +137,79 @@ Fields are also known as table columns.
     <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/>
     <span className="large-number">③</span> Click on the <span className="aes_button">Continue</span> button.
 
-    ![](images/data_add_table_permissions.png)
+    ![](../images/2023-10-04-12-21-43.png)
 
 
-23. On the _Great! Now your table is ready for data_ screen, select the <span className="aes_button">Continue</span> button.
+23. Click <span className="aes_button">Continue</span>.
 ![](images/AddData-TableReadyForData.png)
 
 
-24. A loading screen will appear: _Sit tight while we create data mapping instance for table Arrangement_.
+24. A loading screen will appear: _Sit tight while we create data mapping instance for table Arrangement_. <br/>
+Click <span className="aes_button">Continue</span> on the next screen.
+![](../images/2023-10-04-12-44-44.png)
 
 
 25. Read the help pop-up and click <span className="aes_button">Next</span> until <span className="aes_button">Done</span>.
-![](images/AddData_MapTeleworkCase.png)
+
+    |Next|Next|Next|Done
+    |--|--|--|--
+    |![](../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)
 
 
 26. Notice the fields have already been auto-mapped, but some are not correct. Clear out the _Transfer reason_ value.
-![](images/AddData_ClearTransferReason.png)
+![](../images/2023-10-04-12-31-55.png)
 
 
 27. Click on the Add Fields link button at the top.
-![](images/AddData_AddFields.png)
+![](../images/2023-10-04-12-33-11.png)
 
 
 28. Hover over the row and edit the Reason field by clicking on the pencil icon.
-![](images/AddData_EditReason.png)
+![](../images/2023-10-04-12-46-58.png)
 
 
 29. 
-    1. Click **Field type**
+    1. Click "String" under **Field type**
+    ![](../images/2023-10-04-12-48-01.png)
     2. Select **Choice** 
+    ![](../images/2023-10-04-12-48-36.png)
     3. Click the <span className="aes_button">Update field</span> button. <br/><br/>
     **The choices will be added for you based on the spreadsheet data!**
-    ![](images/AddData_UpdateReason.png)
+    ![](../images/2023-10-04-12-49-02.png)
 
 
-30. Days per week is ok as an integer.
+30. Days per week is ok as an integer. Do not do anything to it. 
+![](../images/2023-10-04-12-49-31.png)
 
 
-31. Days per week is ok as an integer, but Edit the Arrangment field.
-    - Field type: **Reference**
-    - Reference table: **Arrangement**
-    - Click the <span className="aes_button">Update field</span> button.
+31. Edit the Arrangment field.
+    1. Hover over the row and edit the Arrangement field by clicking on the pencil icon.
+    ![](../images/2023-10-04-12-51-08.png)
+    2. Click "String" under **Field type**
+    ![](../images/2023-10-04-12-48-01.png)
+    3. Select "Reference"
+    ![](../images/2023-10-04-12-52-09.png)
+    4. Type "Arrangement" into the **Reference table** field and click on the "Arrangement" table. 
+    ![](../images/2023-10-04-12-53-35.png)
+    5. Click <span className="aes_button">Update field</span>.
+    ![](../images/2023-10-04-12-54-01.png)
 
-    ![](images/AddData-EditArrangement.png)
 
+32. Now that you have configured the new fields click <span className="aes_button">Add fields</span> to add them to our new table. 
+![](../images/2023-10-04-12-55-17.png)
 
-32.   Lets add the new fields to our table by clicking the <span className="aes_button">Add fields</span> button. 
-![](images/AddData-AddFieldsDone.png)
 
+33. Clear the Description, Opened, and Transfer reason values, and click <span className="aes_button">Continue</span> in the bottom right corner.
+![](../images/2023-10-04-12-57-24.png)
+![](../images/2023-10-04-12-57-06.png)
+![](../images/2023-10-04-12-57-53.png)
+![](../images/2023-10-04-12-58-24.png)
 
-33. Clear the Description, Opened, and Transfer reason values. Click on the <span className="aes_button">Continue</span> button.
-![](images/AddData_RemoveOpened.png)
 
+![](../images/2023-10-04-12-59-06.png)
 
 34. Your table is now ready. Click the <span className="aes_button">Edit table</span> button. Click through all the helper screens.
-![](images/AddData-TableisReady.png)
+![](../images/2023-10-04-12-59-28.png)
 
 
 35. Click the <span className="aes_button">Next</span> button on the Welcome to Table builder helper and other popups.