Skip to content

Commit 22ea96e

Browse files
committed
tweaked add-gallery
1 parent d60ac3f commit 22ea96e

File tree

1 file changed

+13
-13
lines changed

1 file changed

+13
-13
lines changed

powerapps-docs/maker/canvas-apps/add-gallery.md

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -20,21 +20,23 @@ Show a list of items from any data source by adding a **[Gallery](controls/contr
2020

2121
## Prerequisites
2222

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.
2424

25-
* Set up the sample data:
25+
- Set up the sample data:
2626
1. Download [this Excel file](https://az787822.vo.msecnd.net/documentation/get-started-from-data/FlooringEstimates.xlsx), which contains sample data for this tutorial.
2727

2828
2. Upload the Excel file to a [cloud-storage account](connections/cloud-storage-blob-connections.md), such as OneDrive for Business.
2929

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).
3232

33-
2. On the **Blank app** tile, click or tap **Phone layout**.
33+
1. Under **Make your own app**, select **Canvas app from blank**.
3434

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**.
3636

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.
3840

3941
## Add a gallery to a blank screen
4042

@@ -60,10 +62,8 @@ Show a list of items from any data source by adding a **[Gallery](controls/contr
6062

6163
![Show data](./media/add-gallery/show-data-default.png)
6264

63-
You'll configure sort and search later in this topic.
64-
6565
## 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.
6767

6868
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.
6969

@@ -86,7 +86,7 @@ Before you do any customization, decide on a **Gallery** control layout. The fir
8686
![Final Gallery](./media/add-gallery/final-gallery.png)
8787

8888
## Filter and sort a gallery
89-
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.
9090

9191
![Search box and sort icon](./media/add-gallery/text-search-box.png)
9292

@@ -122,12 +122,12 @@ The **[Items](controls/properties-core.md)** property of a **Gallery** control d
122122
The records toggle between ascending and descending alphabetical order based on the product name.
123123
124124
## 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:
126126
127127
**If(ThisItem.IsSelected, LightCyan, White)**
128128
129129
## 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:
131131
132132
**Last(FirstN(FlooringEstimates, 5))**
133133

0 commit comments

Comments
 (0)