You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: powerapps-docs/maker/canvas-apps/add-gallery.md
+13-13Lines changed: 13 additions & 13 deletions
Original file line number
Diff line number
Diff line change
@@ -20,21 +20,23 @@ Show a list of items from any data source by adding a **[Gallery](controls/contr
20
20
21
21
## Prerequisites
22
22
23
-
* Learn how to [add and configure a control](add-configure-controls.md) in PowerApps.
23
+
- Learn how to [add and configure a control](add-configure-controls.md) in PowerApps.
24
24
25
-
* Set up the sample data:
25
+
- Set up the sample data:
26
26
1. Download [this Excel file](https://az787822.vo.msecnd.net/documentation/get-started-from-data/FlooringEstimates.xlsx), which contains sample data for this tutorial.
27
27
28
28
2. Upload the Excel file to a [cloud-storage account](connections/cloud-storage-blob-connections.md), such as OneDrive for Business.
29
29
30
-
##Open a blank app
31
-
1. Open PowerApps, and then click or tap **New** near the left edge.
30
+
- Open a blank app:
31
+
1.[Sign in to PowerApps](http://web.powerapps.com?utm_source=padocs&utm_medium=linkinadoc&utm_campaign=referralsfromdoc).
32
32
33
-
2. On the **Blank app** tile, click or tap **Phone layout**.
33
+
1. Under **Make your own app**, select **Canvas app from blank**.
34
34
35
-
3. In the **Welcome to PowerApps Studio** dialog box, click or tap**Skip**.
35
+
1. Specify a name for your app, select **Phone**, and then select**Create**.
36
36
37
-
4.[Add a connection](add-data-connection.md) to the **FlooringEstimates** table in the Excel file.
37
+
1. If the **Welcome to PowerApps Studio** dialog box appears, select **Skip**.
38
+
39
+
1.[Add a connection](add-data-connection.md) to the **FlooringEstimates** table in the Excel file.
38
40
39
41
## Add a gallery to a blank screen
40
42
@@ -60,10 +62,8 @@ Show a list of items from any data source by adding a **[Gallery](controls/contr
You'll configure sort and search later in this topic.
64
-
65
65
## Add a control to the Gallery control
66
-
Before you do any customization, decide on a **Gallery** control layout. The first set of controls in a **Gallery** control is the template, which determines how all data in the **Gallery** control appears.
66
+
Before you do any other customization, select the layout for your **Gallery** control. The first set of controls in a **Gallery** control is the template, which determines how all data in the **Gallery** control appears.
67
67
68
68
1. Select the template by clicking or tapping near the bottom of the **Gallery** control and then clicking or tapping the pencil icon in the upper-left corner.
69
69
@@ -86,7 +86,7 @@ Before you do any customization, decide on a **Gallery** control layout. The fir
The **[Items](controls/properties-core.md)** property of a **Gallery** control determines which items it shows. The same property can also determine in what order the data appears and which records appear based on filter criteria. In this procedure, you configure that property so that the **Gallery** control shows only those items for which the product name contains the text in **TextSearchBox1**.
89
+
The **[Items](controls/properties-core.md)** property of a **Gallery** control determines which items it shows. In this procedure, you configure that property so it also determines which records appear based on filter criteria and in what order.
90
90
91
91

92
92
@@ -122,12 +122,12 @@ The **[Items](controls/properties-core.md)** property of a **Gallery** control d
122
122
The records toggle between ascending and descending alphabetical order based on the product name.
123
123
124
124
## Highlight the selected item
125
-
Set the **Gallery** control's **TemplateFill** property to a formula that's similar to this example:
125
+
Set the **Gallery** control's **TemplateFill** property to a formula that's similar to this example, but you can specify different colors if you want:
126
126
127
127
**If(ThisItem.IsSelected, LightCyan, White)**
128
128
129
129
## Change the default selection
130
-
Set the **Gallery** control's **Default** property to the record that you want to select by default. For example, specify the fifth item in the **FlooringEstimates** data source:
130
+
Set the **Gallery** control's **Default** property to the record that you want to select by default. For example, you can specify the fifth item in the **FlooringEstimates** data source:
0 commit comments