Skip to content

Commit 313301c

Browse files
authored
Live publish
2 parents 58ed5b4 + 2a63951 commit 313301c

File tree

7 files changed

+48
-25
lines changed

7 files changed

+48
-25
lines changed

powerapps-docs/maker/TOC.yml

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1354,7 +1354,9 @@
13541354
- name: Add and configure quick view component
13551355
href: ./model-driven-apps/form-designer-add-configure-quickview.md
13561356
- name: Configure lookup component
1357-
href: ./model-driven-apps/form-designer-add-configure-lookup.md
1357+
href: ./model-driven-apps/form-designer-add-configure-lookup.md
1358+
- name: Add a chart to a form
1359+
href: ./model-driven-apps/add-chart-to-form.md
13581360
- name: Design effective forms
13591361
href:
13601362
items:
@@ -1492,8 +1494,6 @@
14921494
href: ./model-driven-apps/iframe-properties-legacy.md
14931495
- name: How to work with sections in a form
14941496
href: ./model-driven-apps/section-properties-legacy.md
1495-
- name: How to add a chart to a form
1496-
href: ./model-driven-apps/add-chart-to-form.md
14971497
- name: How to configure Bing maps in a form
14981498
href: ./model-driven-apps/configure-bing-maps-legacy.md
14991499
- name: How to configure event handlers in a form

powerapps-docs/maker/model-driven-apps/add-chart-to-form.md

Lines changed: 14 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -11,8 +11,7 @@ ms.subservice: mda-maker
1111
ms.author: matp
1212
manager: kvivek
1313
ms.reviewer: matp
14-
ms.date: 07/27/2020
15-
14+
ms.date: 05/04/2022
1615
ms.topic: how-to
1716
ms.assetid:
1817
search.audienceType:
@@ -23,14 +22,24 @@ search.app:
2322
---
2423
# Add a chart to a form
2524

26-
27-
2825
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.
2926

3027
> [!div class="mx-imgBorder"]
3128
> ![Account main form child accounts grid.](media/main-form-child-accts-chart.png)
3229
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**.
3443
1. Open the solution with the required table and open this table. Then select the **Forms** tab.
3544
1. Open the required form. In the form designer select **Switch to classic** from the command bar.
3645
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.

powerapps-docs/maker/model-driven-apps/add-move-or-delete-sections-on-form.md

Lines changed: 11 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -2,9 +2,8 @@
22
title: "Add, configure, move, or delete sections on a form using the form designer | MicrosoftDocs"
33
description: "Work with sections on a model-driven app form in Power Apps"
44
ms.custom: ""
5-
ms.date: 08/25/2020
5+
ms.date: 05/03/2022
66
ms.reviewer: "matp"
7-
87
ms.topic: "how-to"
98
author: "Aneesmsft"
109
ms.subservice: mda-maker
@@ -21,7 +20,11 @@ search.app:
2120

2221
# Add, configure, move, or delete sections on a form
2322

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

2629
## Add sections to a form
2730

@@ -59,7 +62,7 @@ To add sections to a form, use the **Components** pane.
5962
3. On the command bar, select **Add component**, or in the left pane, select **Components**.
6063
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**.
6164
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.
6366

6467
:::image type="content" source="../../maker/model-driven-apps/media/add-form-sections-selection.gif" alt-text="add form sections using selection":::
6568

@@ -69,13 +72,14 @@ These are the properties available to configure a section when you create or edi
6972

7073
|Area |Name |Description |
7174
|---------|---------|---------|
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. |
7376
|**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. |
7477
|**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. |
7778
|**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. |
7881
|**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. |
7983

8084
> [!NOTE]
8185
> 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.

powerapps-docs/maker/model-driven-apps/form-designer-add-configure-subgrid.md

Lines changed: 17 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -2,9 +2,8 @@
22
title: "Add and configure a subgrid component on a form | MicrosoftDocs"
33
description: Learn how to add a subgrid on a model-driven app form
44
ms.custom: ""
5-
ms.date: 08/26/2019
5+
ms.date: 05/03/2022
66
ms.reviewer: ""
7-
87
ms.suite: ""
98
ms.tgt_pltfrm: ""
109
ms.topic: "conceptual"
@@ -24,8 +23,9 @@ search.app:
2423
- "PowerApps"
2524
- D365CE
2625
---
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.
2929

3030
## Add a subgrid component
3131

@@ -50,20 +50,29 @@ A form that displays the details of a table record can use a subgrid component t
5050

5151
These are the properties available to configure when using a subgrid component on a form using the form designer.
5252

53-
5453
|Area |Name |Description |
5554
|---------|---------|---------|
5655
| **Display options** | **Label** | The localizable label for the subgrid visible to users. <br /><br />This property is required.|
5756
| **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. |
5858
| **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) |
6263
| **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. |
6364
| **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. |
6466
| **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. |
6573

6674
## See also
75+
6776
[Overview of the model-driven form designer](form-designer-overview.md)
6877
[Create, edit, or configure forms using the form designer](create-and-edit-forms.md)
6978
[Add, configure, move, or delete columns on a form](add-move-or-delete-fields-on-form.md)
Loading
Loading

powerapps-docs/maker/model-driven-apps/section-properties-legacy.md

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -22,14 +22,15 @@ search.app:
2222
---
2323
# Model-driven app form section properties (classic)
2424

25-
26-
2725
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.
2826

2927
Sections can have up to four columns and includes options for displaying how labels for columns in the section are displayed.
3028

3129
Headers and footers are similar to sections but cannot be removed. If they don't contain anything they will not be shown.
3230

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+
3334
## Section properties in classic form designer
3435

3536
You can access **Section properties** in solution explorer from Power Apps (make.powerapps.com).

0 commit comments

Comments
 (0)