Updated to Utah images

Author: dalestubblefield

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

@@ -3,8 +3,11 @@ id: create-tables
 title: "1.2 Create the Tables with Data"
 hide_table_of_contents: true
 draft: false
+tags:
+- UTAH
 ---
 
+
 We will create the core tables for our application. To create a table in App Engine Studio:
 
 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
 5. <span className="large-number">①</span> Check ☑ <strong>Import spreadsheet data</strong> (in the telework_lab files folder we downloaded earlier),<br/>
    <span className="large-number">②</span> Click on <strong>Convert to table</strong>.
 
-    ![](images/data_Convert_to_table.png)
+    ![](../images/2023-10-04-12-03-13.png)
 
 
 6. <span className="large-number">①</span> Select <strong>Create new table</strong> (to hold the Arrangement data),<br/>
    <span className="large-number">②</span> Click on the <span className="aes_button">Continue</span> button.
 
-    ![](images/AddData-CreateNewTable.png)
+    ![](../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/>
    <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/data_Check_Display.png)
+    ![](../images/2023-10-04-12-09-02.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. 
 
-:::tip
-We need to set what value to display when these records will be referenced.
+Fields are also known as table columns. 
 :::
 
 
@@ -62,7 +69,7 @@ We need to set what value to display when these records will be referenced.
     <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.<br/>
 
-    ![](images/data_add_table_permissions.png)
+    ![](../images/2023-10-04-12-13-19.png)
 
 
 10. A loading screen will appear while the table is being created. When it completes, click <span className="aes_button">Done</span>.
@@ -73,12 +80,11 @@ We need to set what value to display when these records will be referenced.
 
 
 12. Click <span className="aes_button">Yes, leave</span>.
-![](images/data_leave_without_converting_other_sheets.png)
+![](../images/2023-10-04-12-13-59.png)
 
 
 13. Let's add the Telework Case table. Click the  **Add**  icon (⨁ Add) for _Data_ on the _App Home_ tab.
-![](images/AddData-CreateCaseTable.png)
-
+![](../images/2023-10-04-12-14-32.png)
 
 
 14. <span className="large-number">①</span>Select the **Import a spreadsheet** tile, <br/>
@@ -90,32 +96,29 @@ We need to set what value to display when these records will be referenced.
 15. On the _Choose a spreadsheet to import from_ screen, click the  **Drag and drop or browse to upload spreadsheet** link.
 
 
-16. Browse and select the  **Telework Cases.xlsx**  file you downloaded.
+16. Browse and select the  **telework_cases.xlsx**  file you downloaded.
 
 
 17. Select ☑ **Import spreadsheet data**.
 
 
 18. Click on the <span className="aes_button">Continue</span> button.
-![](images/AddData-ChooseSpreadsheetCase.png)
-
-
-19. This time on the _Where do you want to import your file into?_ screen, select the **Create from an extensible table** tile.
+![](../images/2023-10-04-12-15-27.png)
 
 
-20. Click on the <span className="aes_button">Continue</span> button.
-![](images/AddData-CreateFromExt.png)
+19. Select **Create from an extensible table**, then click <span className="aes_button">Continue</span>.
+![](../images/2023-10-04-12-17-04.png)
 
 
-21. **On the _Which table do you want to use?_ screen,**<br/>
+20. **On the _Which table do you want to use?_ screen,**<br/>
     <span className="large-number">➊</span> Click in the table field,<br/>
     <span className="large-number">➋</span> Select the <strong>Task</strong> table, <br/>
     <span className="large-number">➌</span> Click on the <span className="aes_button">Continue</span> button.
 
     ![](images/AddData-WhichTable.png)
 
 
-22. **On the _let's get more info about your new table_ screen,**
+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> Check the <strong>Auto number</strong>, <br/>
@@ -125,65 +128,69 @@ We need to set what value to display when these records will be referenced.
     ![](images/AddData-Case-Properties.png)
 
 
-23. **Set the permissions.** <br/>
+22. **Set the permissions.** <br/>
     <span className="large-number">①</span> For the <strong>admin</strong> role, click the <strong>All</strong> checkbox <br/> 
     <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)
 
 
-24. On the _Great! Now your table is ready for data_ screen, select the <span className="aes_button">Continue</span> button.
+23. On the _Great! Now your table is ready for data_ screen, select the <span className="aes_button">Continue</span> button.
 ![](images/AddData-TableReadyForData.png)
 
 
-25. 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_.
 
 
-26. Read the help pop-up and click <span className="aes_button">Next</span> until <span className="aes_button">Done</span>.
+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)
 
 
-27. Notice the fields have already been auto-mapped, but some are not correct. Clear out the _Transfer reason_ value.
+26. Notice the fields have already been auto-mapped, but some are not correct. Clear out the _Transfer reason_ value.
 ![](images/AddData_ClearTransferReason.png)
 
 
-28. Click on the Add Fields link button at the top.
+27. Click on the Add Fields link button at the top.
 ![](images/AddData_AddFields.png)
 
 
-29. Hover over the row and edit the Reason field by clicking on the pencil icon.
+28. Hover over the row and edit the Reason field by clicking on the pencil icon.
 ![](images/AddData_EditReason.png)
 
 
-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!
-![](images/AddData_UpdateReason.png)
+29. 
+    1. Click **Field type**
+    2. Select **Choice** 
+    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)
 
 
-31. Days per week is ok as an integer.
+30. Days per week is ok as an integer.
 
 
-32. Days per week is ok as an integer, but Edit the Arrangment field.
+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.
 
     ![](images/AddData-EditArrangement.png)
 
 
-33.   Lets add the new fields to our table by clicking the <span className="aes_button">Add fields</span> button. 
+32.   Lets add the new fields to our table by clicking the <span className="aes_button">Add fields</span> button. 
 ![](images/AddData-AddFieldsDone.png)
 
 
-34. Clear the Description, Opened, and Transfer reason values. Click on the <span className="aes_button">Continue</span> button.
+33. Clear the Description, Opened, and Transfer reason values. Click on the <span className="aes_button">Continue</span> button.
 ![](images/AddData_RemoveOpened.png)
 
 
-35. Your table is now ready. Click the <span className="aes_button">Edit table</span> button. Click through all the helper screens.
+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)
 
 
-36. Click the <span className="aes_button">Next</span> button on the Welcome to Table builder helper and other popups.
+35. Click the <span className="aes_button">Next</span> button on the Welcome to Table builder helper and other popups.
 ![](images/AddData_Welcome.png)