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/teams/customize-inspection-steps.md
+34-33Lines changed: 34 additions & 33 deletions
Original file line number
Diff line number
Diff line change
@@ -23,7 +23,7 @@ In this article, we'll learn how to customize inspection steps in the user app.
23
23
24
24
## Prerequisites
25
25
26
-
To complete this lesson, we'd need the ability to sign-in to Microsoft Teams which will be available as part of select Microsoft 365 subscriptions, and will also need to have the Inspections sample app for Teams installed. This app can be installed from <https://aka.ms/TeamsInspection>.
26
+
To complete this lesson, we'd need the ability to sign-in to Microsoft Teams that will be available as part of select Microsoft 365 subscriptions, and will also need to have the Inspections sample app for Teams installed. This app can be installed from <https://aka.ms/TeamsInspection>.
27
27
28
28
## Open the Inspections app
29
29
@@ -50,23 +50,23 @@ To complete this lesson, we'd need the ability to sign-in to Microsoft Teams whi
50
50
51
51
1. This article explains the following scenarios:
52
52
53
-
-[Hiding the Add details section](#hiding-the-add-details-section)
53
+
-[Hide the Add details section](#hide-the-add-details-section)
1. We'll also need to shrink the white space containing the Photo, Note and Task buttons to avoid wasting any extra space. Select **btnActionBackground** control from the tree view, select somewhere on the white space to highlight the box space.
79
+
1. We'll also need to shrink the white space containing the Photo, Note, and Task buttons to avoid wasting any extra space. Select **btnActionBackground** control from the tree view, select somewhere on the white space to highlight the box space.
@@ -92,50 +92,51 @@ Hiding the Add Details section includes more than just setting the Visible prope
92
92
93
93
The white space shrinks, and leaves no extra space hiding the entire **Add Details** section.
94
94
95
-
### Hiding the Photo Option
95
+
## Hide the Photo Option
96
96
97
-
1. For this scenario (assuming all the changes made above were undone), we will have to set the Visible property of the Photo option label and icon to false and then move the Note option and the Task Options to the left.
98
-
2. To hide the Photo option, we will select grpPhoto from the tree view and set Visible = false.
97
+
This scenario requires to revert all the changes made above. And then, we'll have to set the **Visible** property of the Photo option label, and icon to "False", and then move the Note option and the Task Options to the left.
99
98
100
-
99
+
1. To hide the Photo option, select **grpPhoto** from the tree view, and set **Visible** property to "False".
101
100
102
-
3. The Note option needs to move to the left in place of the Photo option – for this copy the X property of the Photo Icon and paste it in the X property of the Note icon (Notice that the label also moves along with the icon – this is because the Note label’s X property is dependent on the Note icon’s X
103
-
property and changes accordingly thus leaving no empty spaces – the Task option also reacts similarly)
101
+
104
102
105
-
```
106
-
btnImageBackground.X+18
107
-
```
103
+
1. The Note option needs to move to the left in place of the Photo option. Copy the X property of the Photo Icon and paste it in the X property of the Note icon (notice that the label also moves along with the icon—this is because the Note label’s X property is dependent on the Note icon’s X property, and changes accordingly thus leaving no empty spaces – the Task option also reacts similarly).
108
104
109
-
105
+
```powerapps-dot
106
+
btnImageBackground.X+18
107
+
```
108
+
109
+
110
+
111
+
## Hide the Task Option
110
112
111
-
### Hiding the Task Option
113
+
This scenario requires to revert all the changes made above. With this scenario, we only want to hide the Task section.
112
114
113
-
1. For this scenario (assuming all the changes made above were undone), we only want to hide the Task section.
114
-
115
-
2. Since there are no other controls dependent on the Task control it is a fairly straightforward change to make where we would change the Visible
116
-
property for grpTask to false.
117
-
118
-
3. This was an easy change and did not need any additional changes as hiding the Task option does not really affect anything else.
115
+
Change the **Visible** property for **grpTask** to "False".
119
116
120
117
121
118
122
-
### Publish the Inspection app
119
+
## Publish the Inspection app
123
120
124
-
1. All the changes to the Inspection app are completed.
121
+
All the changes to the Inspection app are completed.
125
122
126
-
2. The app can now be published by selecting the Publish to Teams button on the topright.
123
+
1. Select **Publish to Teams** on the top-right.
127
124
128
-
125
+
129
126
130
-
127
+
1. Select **Next**.
131
128
132
-
129
+
130
+
131
+
1. Select **Save and close**.
132
+
133
+
133
134
134
135
## Test the app
135
136
136
-
1. On the Inspection list screen, once you make the change for any of the above listed scenarios, hit the Preview button to run the app.
137
-
138
-
2. Make sure to check for responsiveness by shrinking the size of the screen when testing in the Window mode.
137
+
On the Inspection list screen, once you make the change for any of the above listed scenarios, select **Preview** to run the app.
138
+
139
+
Make sure to check for responsiveness by shrinking the size of the screen when testing in the Window mode.
0 commit comments