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/power-apps-studio.md
+24-43Lines changed: 24 additions & 43 deletions
Original file line number
Diff line number
Diff line change
@@ -23,7 +23,7 @@ You can use Power Apps Studio to design, build, and manage your canvas app.
23
23
24
24
:::image type="content" source="media/studio/pa-studio.png" alt-text="Screenshot showing the Power Apps Studio user interface." lightbox="media/studio/pa-studio-1.png":::
25
25
26
-
1.[Power Apps Studio modern command bar](#1--power-apps-studio-modern-command-bar): Dynamic command bar that shows a different set of commands based on the control that's selected.
26
+
1.[Power Apps Studio modern command bar](#1--power-apps-studio-modern-command-bar): Dynamic command bar that shows a different set of commands based on the control selected.
27
27
28
28
1.[App actions](#2--app-actions): Options to rename, share, run the app checker, add comments, preview, save, or publish the app.
29
29
@@ -45,26 +45,21 @@ You can use Power Apps Studio to design, build, and manage your canvas app.
45
45
46
46
1.[Change canvas screen size](#11--change-canvas-screen-size): Change the size of the canvas during an authoring experience in Power Apps Studio.
47
47
48
-
49
48
Let's understand each option in Power Apps Studio in detail.
50
49
51
-
52
50
## 1 – Power Apps Studio modern command bar
53
51
54
-
Power Apps Studio options are available on the command bar. The options are relevant to the current session and app-related settings.
55
-
56
-
> [!div class="mx-imgBorder"]
57
-
> 
52
+
Power Apps Studio options are available on the command bar. The options are relevant to the current session and app-related settings.
58
53
54
+
:::image type="content" source="media/studio/pa-studio-options.png" alt-text="Screenshot that shows the command bar menu with lots of development options." lightbox="media/studio/pa-studio-options.png":::
59
55
60
56
### Modern command bar
61
57
62
-
The modern command bar displays the relevant set of commands depending on the control that is selected.
63
-
64
-

58
+
The modern command bar displays the relevant set of commands depending on the control that is selected.
65
59
60
+
:::image type="content" source="media/studio/pa-studio-command-bar.gif" alt-text="Moving image that shows how the command bar changes depending on which control is selected." lightbox="media/studio/pa-studio-command-bar.gif":::
66
61
67
-
The command bar changes when one of the following controls or objects is selected:
62
+
The command bar changes when one of the following controls or objects is selected:
68
63
69
64
1. App object
70
65
2. Screen
@@ -79,49 +74,39 @@ The command bar changes when one of the following controls or objects is selecte
79
74
11. Text input
80
75
12. Date picker
81
76
82
-
When more than one type of control is selected, the command bar shows the common commands between the selected controls.
83
-
84
-
### Default command bar options
85
-
86
-
When you open Power Apps Studio you'll see the default command bar.
87
-
88
-
> [!div class="mx-imgBorder"]
89
-
> 
77
+
When more than one type of control is selected, the command bar shows the common commands between the selected controls.
90
78
91
79
#### Back
92
80
93
81
Takes you back to the build hub, closing the current Power Apps Studio session.
94
82
95
83
#### Undo and redo
96
84
97
-
> [!div class="mx-imgBorder"]
98
-
> 
85
+
:::image type="content" source="media/studio/pa-undo-redo.png" alt-text="Screenshot that shows where the undo and redo controls are located in the command bar.":::
99
86
100
87
-**Undo**: Undo the last action.
101
88
-**Redo**: Repeat the last action.
102
89
103
90
#### Cut, copy, and paste
104
91
105
-
> [!div class="mx-imgBorder"]
106
-
> 
92
+
:::image type="content" source="media/studio/pa-studio-cut-copy-paste.png" alt-text="Screenshot that shows where the cut, copy, and paste controls are located in the command bar.":::
107
93
108
94
-**Cut**: Cut the selection, and store it in the clipboard.
109
95
-**Copy**: Copy the selection, and store it in the clipboard.
110
96
-**Paste**: Paste the last cut or copied selection from the clipboard.
111
97
112
98
#### Insert
113
99
114
-
> [!div class="mx-imgBorder"]
115
-
> 
100
+
:::image type="content" source="media/studio/pa-insert-controls.png" alt-text="Screenshot that shows where the two insert controls are located. One is in the command bar and the other control (plus sign) is in the navigation menu.":::
116
101
117
-
The **Insert** menu is available from the command bar and from the app authoring menu on the left.
102
+
The **Insert** menu is available from the command bar and from the app authoring menu.
118
103
119
104
Insert shows all the popular objects or controls that you can add on the selected screen in your canvas app. You can also expand other choices or use the components option to insert controls from a component library.
120
105
121
106
To insert controls on the canvas, you can drag the control to the canvas or select the control.
> 
@@ -262,7 +245,7 @@ Runs the [App checker](https://powerapps.microsoft.com/blog/powerapps-checker-no
262
245
263
246
### Comments
264
247
265
-
Comments are notes that are associated with items in your app. Use comments to help your team review the app and provide feedback, or provide additional information on implementation details in your app.
248
+
Comments are notes associated with items in your app. Use comments to help your team review the app and provide feedback, or provide additional information on implementation details in your app.
266
249
267
250
268
251
> [!div class="mx-imgBorder"]
@@ -282,7 +265,7 @@ This shows a preview version of the app that you can interact with.
282
265
Save allows you to perform the following actions:
283
266
284
267
-**Save**: Saves recent and unsaved changes you made to the app in Power Apps Studio. Each time you save changes, a new version is created.
285
-
-**Save with version notes**: Save and add notes about the updates you've made.
268
+
-**Save with version notes**: Save and add notes about the updates you made.
286
269
-**Save as**: Duplicate the app by saving the app with a different name.
287
270
-**Save and publish**: Allows you to save the app and publish it at the same time.
288
271
-**Download a copy**: Download a local copy of the app.
@@ -320,7 +303,7 @@ If a formula returns an error, tips relevant to the syntax error and mitigation
320
303
> [!div class="mx-imgBorder"]
321
304
> 
322
305
323
-
Similarly, you'll find help when working with complex functions, nested functions, or when correcting a formula syntax.
306
+
Similarly, you find help when working with complex functions, nested functions, or when correcting a formula syntax.
324
307
325
308
For a quick and easy function reference, you can also select the formula dropdown menu.
326
309
@@ -381,14 +364,14 @@ Select the tree view to show the screens available in the app.
381
364
> [!TIP]
382
365
> Select **App** in the tree view to work with app-specific controls or to change app behavior, such as adding a formula on *OnStart* event of the app.
383
366
384
-
Switch to the **Components** tab to work with component library features. You can add new components or reuse those that were already published from published component libraries. More information: [Component library](component-library.md)
367
+
Switch to the **Components** tab to work with component library features. You can add new components or reuse ones from the published component libraries. More information: [Component library](component-library.md)
For information, see the [Insert](power-apps-studio.md#insert) section above.
374
+
For information, see the [Insert](power-apps-studio.md#insert) section.
392
375
393
376
### Data
394
377
@@ -438,6 +421,4 @@ Use the screen selector to switch between screens when your canvas app has multi
438
421
439
422
## 11 – Change canvas screen size
440
423
441
-
You can zoom in or out while authoring the canvas app. Select **Ctrl**+**0****Fit to window** to fit the screen size based on the current authoring window size. The zoom percentage or screen size you use while authoring a canvas app has no impact on the aspect ratio configured for the app when you preview your app or play a published app.
442
-
443
-
424
+
You can zoom in or out while authoring the canvas app. Select **Ctrl**+**0****Fit to window** to fit the screen size based on the current authoring window size. The zoom percentage or screen size used in authoring a canvas app has no affect on the aspect ratio configured for the app. When you preview your app or play a published app, your screen size is temporary.
0 commit comments