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/model-driven-apps/add-chart-to-form.md
+14-5Lines changed: 14 additions & 5 deletions
Original file line number
Diff line number
Diff line change
@@ -11,8 +11,7 @@ ms.subservice: mda-maker
11
11
ms.author: matp
12
12
manager: kvivek
13
13
ms.reviewer: matp
14
-
ms.date: 07/27/2020
15
-
14
+
ms.date: 05/04/2022
16
15
ms.topic: how-to
17
16
ms.assetid:
18
17
search.audienceType:
@@ -23,14 +22,24 @@ search.app:
23
22
---
24
23
# Add a chart to a form
25
24
26
-
27
-
28
25
A chart can be added to a form or an existing list to a chart can be updated. For example, the Child Accounts filtered sub-grid can be changed to display a chart instead of a list on the account main form.
29
26
30
27
> [!div class="mx-imgBorder"]
31
28
> 
32
29
33
-
1. Sign into Power Apps, select **Solutions**
30
+
1. Sign into [Power Apps](https://make.powerapps.com/?utm_source=padocs&utm_medium=linkinadoc&utm_campaign=referralsfromdoc), select **Solutions**.
31
+
1. Open the solution and then open the table.
32
+
1. Select the **Forms** tab, and then open the form where you want to add a chart.
33
+
1. On the form canvas, select an existing subgrid or add one. More information: [Add and configure a subgrid component on a form](form-designer-add-configure-subgrid.md)
34
+
1. On the right properties pane for the subgrid, select the **Show chart only** option. When enabled, this option displays the view in a chart format.
35
+
:::image type="content" source="media/sub-grid-show-chart.png" alt-text="Display a chart in the subgrid":::
36
+
37
+
1. Configure the subgrid properties for the chart, such as the default chart to display and whether users can change the chart displayed. More information: [Configure a subgrid component](form-designer-add-configure-subgrid.md#configure-a-subgrid-component)
38
+
1.**Save** and **Publish** the form to make the customization available to users.
39
+
40
+
## Add a chart to a form (classic)
41
+
42
+
1. Sign into Power Apps, select **Solutions**.
34
43
1. Open the solution with the required table and open this table. Then select the **Forms** tab.
35
44
1. Open the required form. In the form designer select **Switch to classic** from the command bar.
36
45
1. Add a sub-grid to the form, or to change an existing list in a sub-grid, double-click a sub-grid on the form.
Copy file name to clipboardExpand all lines: powerapps-docs/maker/model-driven-apps/add-move-or-delete-sections-on-form.md
+11-7Lines changed: 11 additions & 7 deletions
Original file line number
Diff line number
Diff line change
@@ -2,9 +2,8 @@
2
2
title: "Add, configure, move, or delete sections on a form using the form designer | MicrosoftDocs"
3
3
description: "Work with sections on a model-driven app form in Power Apps"
4
4
ms.custom: ""
5
-
ms.date: 08/25/2020
5
+
ms.date: 05/03/2022
6
6
ms.reviewer: "matp"
7
-
8
7
ms.topic: "how-to"
9
8
author: "Aneesmsft"
10
9
ms.subservice: mda-maker
@@ -21,7 +20,11 @@ search.app:
21
20
22
21
# Add, configure, move, or delete sections on a form
23
22
24
-
Add, configure, move, or delete sections on a form using the form designer.
23
+
A section on a form occupies the space available in a tab. Sections have several configurable properties including a label that can be displayed.
24
+
25
+
Sections help you group similar components in an area of a form tab, such as the ACCOUNT INFORMATION, ADDRESS, and Timeline single column sections on the main account form Summary tab. Sections can have up to four columns.
26
+
27
+
:::image type="content" source="media/form-sections.png" alt-text="Default sections on the account main form":::
25
28
26
29
## Add sections to a form
27
30
@@ -59,7 +62,7 @@ To add sections to a form, use the **Components** pane.
59
62
3. On the command bar, select **Add component**, or in the left pane, select **Components**.
60
63
4. In the **Components** pane, select a section component to add it to the form. Alternatively, select **...** next to the section component you want, and then select **Add to selected tab**.
61
64
5. Repeat steps 2-4 above if you want to add more sections.
62
-
6. On the command bar, select **Save** to save the form, or select **Publish** if you want to save and make your changes visible to users.
65
+
6. On the command bar, select **Save** to save the form. Select **Publish** to save and make your changes visible to users.
63
66
64
67
:::image type="content" source="../../maker/model-driven-apps/media/add-form-sections-selection.gif" alt-text="add form sections using selection":::
65
68
@@ -69,13 +72,14 @@ These are the properties available to configure a section when you create or edi
69
72
70
73
|Area |Name |Description |
71
74
|---------|---------|---------|
72
-
|**Display options**|**Section label**| The localizable label for the section visible to users. <br /><br />This property is required. |
75
+
|**Display options**|**Label**| The localizable label for the section visible to users. <br /><br />This property is required. |
73
76
|**Display options**|**Name**| The unique name for the section that is used when referencing it in scripts. The name can contain only alphanumeric characters and underscores. <br /><br />This property is required. |
74
77
|**Display options**|**Hide label**| When selected, the section label is hidden. |
75
-
|**Display options**|**Lock section**| Lock this section to keep it from being removed. |
76
-
|**Display options**|**Hide section**| When selected, the section is hidden by default and can be shown using code. |
77
78
|**Display options**|**Hide on phone**| The section can be hidden to render a condensed version of this form on phone screens. |
79
+
|**Display options**|**Hide**| When selected, the section is hidden by default and can be shown using code. |
80
+
|**Display options**|**Lock**| Lock this section to keep it from being removed. |
78
81
|**Formatting**|**Columns**| Specify up to four columns for the section. |
82
+
|**Formatting**|**Component label position**| Determines the position for the component label. Select **Left** to display the label to the left of the value or **Top** to place the label above the value. |
79
83
80
84
> [!NOTE]
81
85
> We recommend limiting the length of section label text to about 50 characters. Section label text doesn't wrap and can truncate on devices with small screens.
Copy file name to clipboardExpand all lines: powerapps-docs/maker/model-driven-apps/form-designer-add-configure-subgrid.md
+17-8Lines changed: 17 additions & 8 deletions
Original file line number
Diff line number
Diff line change
@@ -2,9 +2,8 @@
2
2
title: "Add and configure a subgrid component on a form | MicrosoftDocs"
3
3
description: Learn how to add a subgrid on a model-driven app form
4
4
ms.custom: ""
5
-
ms.date: 08/26/2019
5
+
ms.date: 05/03/2022
6
6
ms.reviewer: ""
7
-
8
7
ms.suite: ""
9
8
ms.tgt_pltfrm: ""
10
9
ms.topic: "conceptual"
@@ -24,8 +23,9 @@ search.app:
24
23
- "PowerApps"
25
24
- D365CE
26
25
---
27
-
# Add and configure a subgrid component on a form
28
-
A form that displays the details of a table record can use a subgrid component to display a list of related or unrelated rows in a tabular format. Makers can add and configure a subgrid component using the form designer.
26
+
# Add and configure a subgrid component on a form
27
+
28
+
A form that displays the details of a table record can use a subgrid component to display a list of related or unrelated records in a tabular format. Makers can add and configure a subgrid component using the form designer.
29
29
30
30
## Add a subgrid component
31
31
@@ -50,20 +50,29 @@ A form that displays the details of a table record can use a subgrid component t
50
50
51
51
These are the properties available to configure when using a subgrid component on a form using the form designer.
52
52
53
-
54
53
|Area |Name |Description |
55
54
|---------|---------|---------|
56
55
|**Display options**|**Label**| The localizable label for the subgrid visible to users. <br /><br />This property is required.|
57
56
|**Display options**|**Name**| The unique name for the subgrid that is used when referencing it in scripts. The name can contain only alphanumeric characters and underscores. <br /><br />This property is required. |
57
+
|**Display options**|**Hide label**| The label can be hidden on the form. |
58
58
|**Display options**|**Hide on phone**| The subgrid can be hidden to render a condensed version of the form on phone screens. |
59
-
|**Display options**|**Show related rows**| When selected, the subgrid displays only rows related to the current row that is displayed on the form. <br /><br />The **Table** drop-down list is also filtered to only list tables that are related to the current table. |
60
-
|**Display options**|**Table**| The table whose rows you want to display in the subgrid. <br /><br />When **Show related rows** is selected, the list of tables is filtered to show only tables that are related to the current table. In addition to the table name, the name of the lookup column is also displayed in parentheses. |
61
-
|**Display options**|**Default view**| The view of the table selected in the **Table** property that will be used to get and display the list of rows in the subgrid. |
59
+
|**Display options**|**Show related records**| When selected, the subgrid displays only records related to the current record that is displayed on the form. <br /><br />The **Table** drop-down list is also filtered to only list tables that are related to the current table. |
60
+
|**Display options**|**Table**| The table whose records you want to display in the subgrid. <br /><br />When **Show related records** is selected, the list of tables is filtered to show only tables that are related to the current table. In addition to the table name, the name of the lookup column is also displayed in parentheses. |
61
+
|**Display options**|**Default view**| The view of the table selected in the **Table** property that will be used to get and display the list of records in the subgrid. |
62
+
|**Display options**|**Team template**| Note: This option is only available with the user table when the **Default view** is **Associated Record Team Members**. When available, sets the team template to use for the subgrid. More information: [Create a team template to control access](/power-platform/admin/create-team-template-add-entity-form)|
62
63
|**Display options**|**Allow users to change view**| When selected, app users can change from the **Default view** to another view of the table selected in the **Table** property. |
63
64
|**Display options**|**Show all views**| When selected, app users can change from the **Default view** to all other views of the table selected in the **Table** property. <br /><br />This property is only available when **Allow users to change view** is selected. |
65
+
|**Display options**|**Hide search box**| When selected, the **Search** box won't appear on the upper right of the subgrid. |
64
66
|**Display options**|**Selected views**| A list of views of the table selected in the **Table** property that app users can change from the **Default view**. <br /><br />This property is only available when **Allow users to change view** is selected and **Show all views** is cleared. |
67
+
|**Display options**|**Default chart**| Select which chart to show if **Show chart only** is selected. |
68
+
|**Display options**|**Show chart only**| Rather than a list of records a chart is displayed. |
69
+
|**Display options**|**Allow users to change chart**| When **Show chart only** is selected, app users can change the chart displayed in the subgrid. |
70
+
|**Display options**|**Maximum number of rows**| Determines the maximum number of records to display in the subgrid. The minimum number of rows displayed is 2 and the maximum is 250. |
71
+
|**Display options**|**Use available space**| Determines whether the form will allow space for two records and will expand the space as the number of records increases. If the number exceeds the **Maximum number of rows**, people can navigate to additional pages to view the records. If **Use available space** is not chosen the form will provide space for the number of records defined by **Maximum number of rows** and people can navigate to additional pages to view any additional records. |
72
+
|**Formatting**|**Component width**| When the section containing the subgrid has more than one column, you can set the column to occupy up to the number of columns that the section has. |
65
73
66
74
## See also
75
+
67
76
[Overview of the model-driven form designer](form-designer-overview.md)
68
77
[Create, edit, or configure forms using the form designer](create-and-edit-forms.md)
69
78
[Add, configure, move, or delete columns on a form](add-move-or-delete-fields-on-form.md)
Copy file name to clipboardExpand all lines: powerapps-docs/maker/model-driven-apps/section-properties-legacy.md
+3-2Lines changed: 3 additions & 2 deletions
Original file line number
Diff line number
Diff line change
@@ -22,14 +22,15 @@ search.app:
22
22
---
23
23
# Model-driven app form section properties (classic)
24
24
25
-
26
-
27
25
A section in a form occupies the space available in a tab column. Sections have a label that can be displayed and a line might be shown below the label.
28
26
29
27
Sections can have up to four columns and includes options for displaying how labels for columns in the section are displayed.
30
28
31
29
Headers and footers are similar to sections but cannot be removed. If they don't contain anything they will not be shown.
32
30
31
+
> [!NOTE]
32
+
> For the modern experience when working with sections on a form, see [Add, configure, move, or delete sections on a form](add-move-or-delete-sections-on-form.md)
33
+
33
34
## Section properties in classic form designer
34
35
35
36
You can access **Section properties** in solution explorer from Power Apps (make.powerapps.com).
0 commit comments