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
*[Sign up](../maker/signup-for-powerapps.md) for PowerApps, and then [sign in](https://web.powerapps.com/?utm_source=padocs&utm_medium=linkinadoc&utm_campaign=referralsfromdoc) using the same credentials that you used to sign up.
3
-
* Create an app from a [template](../maker/canvas-apps/get-started-test-drive.md), from [data](../maker/canvas-apps/get-started-create-from-data.md), or from [scratch](../maker/canvas-apps/get-started-create-from-blank.md).
4
-
* Learn how to [add and configure controls](../maker/canvas-apps/add-configure-controls.md).
2
+
3
+
1.[Sign up](../maker/signup-for-powerapps.md) for PowerApps.
4
+
1.[Sign in](https://web.powerapps.com/?utm_source=padocs&utm_medium=linkinadoc&utm_campaign=referralsfromdoc) using the same credentials that you used to sign up.
5
+
1. Under **Make your own app**, hover over the **Canvas app from blank** tile, select the phone icon, and then select **Make this app**.
6
+
1. Learn how to [add and configure controls](../maker/canvas-apps/add-configure-controls.md).
Copy file name to clipboardExpand all lines: powerapps-docs/maker/canvas-apps/add-list-box-drop-down-list-radio-button.md
+23-35Lines changed: 23 additions & 35 deletions
Original file line number
Diff line number
Diff line change
@@ -1,47 +1,46 @@
1
1
---
2
-
title: Add a list box, a drop-down list, and radio buttons to a canvas app | Microsoft Docs
2
+
title: Add a list box, a drop-down list, or radio buttons to a canvas app | Microsoft Docs
3
3
description: In PowerApps, create or configure multiselect options in a canvas app
4
-
author: lonu
4
+
author: fikaradz
5
5
manager: kvivek
6
6
ms.service: powerapps
7
7
ms.topic: conceptual
8
8
ms.custom: canvas
9
9
ms.reviewer: anneta
10
-
ms.date: 10/23/2016
11
-
ms.author: lonu
10
+
ms.date: 10/24/2018
11
+
ms.author: fikaradz
12
12
search.audienceType:
13
13
- maker
14
14
search.app:
15
15
- PowerApps
16
16
---
17
-
# Add a list box, a drop-down list, or radio buttons to a canvas app in PowerApps
17
+
# Add a list box, a drop-down list, or radio buttons to a canvas app
18
18
19
-
PowerApps includes multi-select and single-select options for canvas apps, including a list box, a drop-down list, and radio buttons. In this topic, we add these controls and use a **Table** formula to build the lists. When an item is selected in the list, it updates other controls.
19
+
Show a single column of data (for example, from a multi-column table) in a canvas app so that users can select one or more items in a list.
2. Rename the **List box** control to **MyListBox**:
29
+
## Create a simple list
30
30
31
-
![][3]
31
+
1. Add a **List box** control named **MyListBox**, and set its **Items** property to this expression:
32
32
33
-
3. Set its **[Items](controls/properties-core.md)** property to the following expression:
34
-
```["circle","triangle","rectangle"]``` <br/>
33
+
```["circle","triangle","rectangle"]``` <br/>
35
34
36
35
Your designer looks similar to the following:
37
36
38
37
![][4]
39
38
40
-
4. On the **Insert** tab, select **Icons**, select the circle, and move it under the **List box** control:
39
+
4. On the **Insert** tab, select **Icons**, select the circle, and move it under **MyListBox**:
41
40
42
41
![][5]
43
42
44
-
5. Add a triangle and a rectangle, and then arrange the shapes in a row under the **List box** control:
43
+
5. Add a triangle and a rectangle, and then arrange the shapes in a row under **MyListBox**:
45
44
46
45
![][6]
47
46
@@ -53,12 +52,14 @@ PowerApps includes multi-select and single-select options for canvas apps, inclu
53
52
| triangle |```If("triangle" in MyListBox.SelectedItems.Value, true)```|
54
53
| rectangle |```If("rectangle" in MyListBox.SelectedItems.Value, true)```|
55
54
56
-
7.Preview what you've created ![][1]. Select the different shapes in the **List box** control. Only the shape or shapes that you select appear. Press Esc or select the **X** to go back to your screen.
55
+
7.While holding down the Alt key, select one or more shapes in **MyListBox**.
57
56
58
-
In these steps, you used an expression to create a list of items in a **List box** control. Depending on what you choose in the **List box** control, different shapes are displayed. You can apply this to other elements within your business. For example, you can use a **List box** control to display product images, product descriptions, and so on.
57
+
Only the shape or shapes that you select appear.
58
+
59
+
In these steps, you used an expression to create a list of items. You can apply this to other elements within your business. For example, you can use a **Drop down** control to display product images, product descriptions, and so on.
59
60
60
61
## Add radio buttons
61
-
1. On the **Home** tab, select **New Screen**.
62
+
1. On the **Home** tab, select **New Screen**, and then select **Blank**.
62
63
63
64
2. On the **Insert** tab, select **Controls**, and then select **Radio**.
64
65
@@ -74,28 +75,15 @@ In these steps, you used an expression to create a list of items in a **List box
74
75
4. On the **Insert** tab, select **Icons**, and then select the circle.
75
76
76
77
5. Set the **[Fill](controls/properties-color-border.md)** property of the circle to the following function:
In this formula, the circle changes its color depending on which radio button you choose.
80
81
81
82
6. Move the circle under the **Radio** control, as in this example:
82
83
83
84
![][14]
84
85
85
-
7. Preview what you've created: ![][1]. Select a different radio button to change the color of the circle. Press Esc or select the **X** to go back to your screen.
86
-
87
-
## Add a drop-down list
88
-
1. Add a screen, and then add a **Drop down** control.
89
-
90
-
![][15]
91
-
92
-
2. Rename the control to **DDChoices**, and set its **[Items](controls/properties-core.md)** property to this formula:<br>
93
-
**["red","green","blue"]**
94
-
95
-
3. Add a circle, move it below the **Drop down** control, and set the circle's **[Fill](controls/properties-color-border.md)** property to this formula:
0 commit comments