Skip to content

Commit 141737c

Browse files
author
Adam Dupaski
committed
Merge branch 'development'
2 parents a72bbcd + 7af19b3 commit 141737c

File tree

3 files changed

+8
-6
lines changed

3 files changed

+8
-6
lines changed
Loading
Loading

howto/tutorials/build-an-employee-directory-app-4-add-pages-to-the-user-interface.md

Lines changed: 8 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -118,7 +118,7 @@ To create the entity for an employee, follow these steps:
118118

119119
![](attachments/build-an-employee-directory-app/listview-select.png)
120120

121-
2. Click the **Entity** property to create a new entity:
121+
2. You want to create a new entity, so click the **Entity** property:
122122

123123
![](attachments/build-an-employee-directory-app/select-entity.png)
124124

@@ -142,15 +142,16 @@ To create the entity for an employee, follow these steps:
142142

143143
![](attachments/build-an-employee-directory-app/list-view.png)
144144

145-
The Desktop Modeler is required for editing image widgets. You will do this later in another how-to.
146-
147145
### 3.5 Adding an Input Employee Page
148146

149147
Now that you have created an entity representing the employees, you also need to populate that entity with data. The quickest way to add data to your app is to create an input page.
150148

151149
To add a page for inputting employees, follow these steps:
152150

153-
1. Select the **Add** button.
151+
1. Select the **Add** button on the **Employees** page:
152+
153+
![](attachments/build-an-employee-directory-app/employees-add.png)
154+
154155
2. Select **Employee** for the **Entity** property of the button:
155156

156157
![](attachments/build-an-employee-directory-app/select-entity2.png)
@@ -203,11 +204,12 @@ To add the Google Maps widget to the page, follow these steps:
203204
![](attachments/build-an-employee-directory-app/googlemaps.png)
204205

205206
3. Drag the **Google Maps** widget from the **Display** properties category onto the page below the **Bio** text box.
206-
4. The Google Maps widget requires an **Address attribute** or both the **Latitude attribute** and **Longitude attribute**. So, add an additional text box to the page, and connect it to a new attribute named **Address**.
207+
4. The Google Maps widget requires an **Address attribute** or both the **Latitude attribute** and **Longitude attribute**. So, search for "Text" in the **Toolbox** and drag the additional **Text Box** widget above the map.
208+
5. Connect the new text box to a new attribute named **Address**:
207209

208210
![](attachments/build-an-employee-directory-app/address.png)
209211

210-
5. Select the Google Maps widget, open the **Data source** properties category, and do the following:<br>
212+
6. Select the Google Maps widget, open the **Data source** properties category, and do the following:<br>
211213
a. Set the **Locations Entity** to **Employee**.<br>
212214
b. Set the **Address Attribute** to **Address**.
213215

0 commit comments

Comments
 (0)