Skip to content

Commit 8b36197

Browse files
committed
Replaced more screenshots and improved Acrolinx
1 parent 74698d5 commit 8b36197

File tree

6 files changed

+24
-43
lines changed

6 files changed

+24
-43
lines changed
Loading
Loading
Loading
Loading
Loading

powerapps-docs/maker/canvas-apps/power-apps-studio.md

Lines changed: 24 additions & 43 deletions
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@ You can use Power Apps Studio to design, build, and manage your canvas app.
2323

2424
:::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":::
2525

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

2828
1. [App actions](#2--app-actions): Options to rename, share, run the app checker, add comments, preview, save, or publish the app.
2929

@@ -45,26 +45,21 @@ You can use Power Apps Studio to design, build, and manage your canvas app.
4545

4646
1. [Change canvas screen size](#11--change-canvas-screen-size): Change the size of the canvas during an authoring experience in Power Apps Studio.
4747

48-
4948
Let's understand each option in Power Apps Studio in detail.
5049

51-
5250
## 1 – Power Apps Studio modern command bar
5351

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-
> ![Power Apps Studio options.](media/studio/pa-studio-options.png)
52+
Power Apps Studio options are available on the command bar. The options are relevant to the current session and app-related settings.
5853

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":::
5955

6056
### Modern command bar
6157

62-
The modern command bar displays the relevant set of commands depending on the control that is selected.
63-
64-
![This image shows how the command bar changes depending on which control is selected.](media/studio/pa-studio-command-bar.gif)
58+
The modern command bar displays the relevant set of commands depending on the control that is selected.
6559

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":::
6661

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:
6863

6964
1. App object
7065
2. Screen
@@ -79,49 +74,39 @@ The command bar changes when one of the following controls or objects is selecte
7974
11. Text input
8075
12. Date picker
8176

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-
> ![Power Apps Studio options.](media/studio/pa-studio-options.png)
77+
When more than one type of control is selected, the command bar shows the common commands between the selected controls.
9078

9179
#### Back
9280

9381
Takes you back to the build hub, closing the current Power Apps Studio session.
9482

9583
#### Undo and redo
9684

97-
> [!div class="mx-imgBorder"]
98-
> ![Undo and redo.](media/studio/pa-undo-redo.png)
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.":::
9986

10087
- **Undo**: Undo the last action.
10188
- **Redo**: Repeat the last action.
10289

10390
#### Cut, copy, and paste
10491

105-
> [!div class="mx-imgBorder"]
106-
> ![Cut, copy and paste.](media/studio/pa-studio-cut-copy-paste.png)
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.":::
10793

10894
- **Cut**: Cut the selection, and store it in the clipboard.
10995
- **Copy**: Copy the selection, and store it in the clipboard.
11096
- **Paste**: Paste the last cut or copied selection from the clipboard.
11197

11298
#### Insert
11399

114-
> [!div class="mx-imgBorder"]
115-
> ![Insert controls to the screen.](media/studio/pa-insert-controls.png)
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.":::
116101

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

119104
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.
120105

121106
To insert controls on the canvas, you can drag the control to the canvas or select the control.
122107

123-
124108
##### Popular controls
109+
125110
| **Name** | **Description** |
126111
|-----------------|------------------------------------------------------------------------------------------------------|
127112
|*Text label* | A box that shows data such as text, numbers, dates, or currency. |
@@ -191,8 +176,8 @@ Advanced settings allow you to further customize the app screen configuration.
191176
- **Scale to it**: Scales the app to fit available space.
192177
- **Lock aspect ratio**: Locks the height and width ratio.
193178
- **Lock orientation**: Maintains app orientation when device rotates.
194-
- **Optimize embedding appearance**: Optimizes for embedded experiences by aligning the app to the top left.
195-
- **Replace formula notification**: Displays notifications to prevent replacing customized size and position properties.
179+
- **Optimize embedding appearance**: Optimizes for embedded experiences by aligning the app to the top left.
180+
- **Replace formula notification**: Displays notifications to prevent replacing customized size and position properties.
196181

197182
To change the setting, toggle the switch.
198183

@@ -202,7 +187,7 @@ More information: [Change screen size and orientation](set-aspect-ratio-portrait
202187

203188
Allows you to configure advanced settings for the app that include features under preview, experimental or retired features.
204189

205-
More information: [Understand experimental, preview, and retired features in Power Apps](working-with-experimental-preview.md)
190+
For more information, see [Understand experimental, preview, and retired features in Power Apps](working-with-experimental-preview.md).
206191

207192
##### Support
208193

@@ -214,7 +199,7 @@ Create a new flow with Power Automate, or select any available flow.
214199

215200
![Create a flow using Power Automate.](media/studio/pa-studio-create-flow.gif)
216201

217-
More information: [Use Power Automate pane](working-with-flows.md)
202+
For more information, see [Use Power Automate pane](working-with-flows.md).
218203

219204
#### Collections
220205

@@ -230,18 +215,16 @@ You can save data such as the result values from a data set into temporary stora
230215
> [!div class="mx-imgBorder"]
231216
> ![Variables.](media/studio/pa-studio-variables.png)
232217
233-
234218
## 2 – App actions
235219

236-
Use the options in the upper-right corner of Power Apps Studio to work with app-specific actions.
220+
To work with app-specific actions, use the options in the upper-right corner of Power Apps Studio.
237221

238222
> [!div class="mx-imgBorder"]
239223
> ![App actions.](media/studio/pa-studio-actions-menu.png)
240224
241-
242225
### App name editor
243226

244-
Select the name of the app to edit it.
227+
To edit the app name, select it.
245228

246229
> [!div class="mx-imgBorder"]
247230
> ![App name editor.](media/studio/pa-studio-app-name-editor.png)
@@ -262,7 +245,7 @@ Runs the [App checker](https://powerapps.microsoft.com/blog/powerapps-checker-no
262245
263246
### Comments
264247

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

267250

268251
> [!div class="mx-imgBorder"]
@@ -282,7 +265,7 @@ This shows a preview version of the app that you can interact with.
282265
Save allows you to perform the following actions:
283266

284267
- **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.
286269
- **Save as**: Duplicate the app by saving the app with a different name.
287270
- **Save and publish**: Allows you to save the app and publish it at the same time.
288271
- **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
320303
> [!div class="mx-imgBorder"]
321304
> ![Resolve errors in the formula bar.](media/studio/pa-studio-formula-bar-3.png)
322305
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.
324307

325308
For a quick and easy function reference, you can also select the formula dropdown menu.
326309

@@ -381,14 +364,14 @@ Select the tree view to show the screens available in the app.
381364
> [!TIP]
382365
> 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.
383366
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)
385368

386369
> [!div class="mx-imgBorder"]
387370
> ![Tree view - components.](media/studio/pa-studio-components-tab.png)
388371
389372
### Insert
390373

391-
For information, see the [Insert](power-apps-studio.md#insert) section above.
374+
For information, see the [Insert](power-apps-studio.md#insert) section.
392375

393376
### Data
394377

@@ -438,6 +421,4 @@ Use the screen selector to switch between screens when your canvas app has multi
438421

439422
## 11 – Change canvas screen size
440423

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

Comments
 (0)