|
1 | 1 | ---
|
2 | 2 | title: Use view formatting to customize SharePoint
|
3 | 3 | description: Customize how views in SharePoint lists and libraries are displayed by constructing a JSON object that describes the elements that are displayed in a list view, and the styles to be applied to those elements.
|
4 |
| -ms.date: 03/22/2021 |
| 4 | +ms.date: 03/30/2021 |
5 | 5 | localization_priority: Priority
|
6 | 6 | ---
|
7 | 7 |
|
@@ -261,7 +261,7 @@ In the example below we have list with group headers formatted with group aggreg
|
261 | 261 |
|
262 | 262 | 
|
263 | 263 |
|
264 |
| -In this example the `hideFooter` for `groupProps` are set to `true`- to hide the group footer and the `@aggregates` array is used to display a summary in the group header. |
| 264 | +In this example the `hideFooter` for `groupProps` is set to `true` - to hide the group footer and the `@aggregates` array is used to display a summary in the group header. |
265 | 265 |
|
266 | 266 | ```JSON
|
267 | 267 | {
|
@@ -572,8 +572,8 @@ In the example below we have gallery view with formatted group headers as per co
|
572 | 572 |
|
573 | 573 | 
|
574 | 574 |
|
575 |
| -[!NOTE] |
576 |
| -Gallery card formatter is skipped in the below JSON for simplicity. |
| 575 | +> [!NOTE] |
| 576 | +> Gallery card formatter is skipped in the below JSON for simplicity. |
577 | 577 |
|
578 | 578 | ```JSON
|
579 | 579 | {
|
@@ -676,14 +676,14 @@ Gallery card formatter is skipped in the below JSON for simplicity.
|
676 | 676 |
|
677 | 677 | #### Example: Color coded group header with aggregate
|
678 | 678 |
|
679 |
| -In the example below we have list with formatted group headers formatted and group aggregates. |
| 679 | +In the example below we have list with formatted group headers and group aggregates. |
680 | 680 |
|
681 | 681 | 
|
682 | 682 |
|
683 | 683 | In this example the `@aggregates` array is used to display a summary in the group header using `headerFormatter` in `groupProps`.
|
684 | 684 |
|
685 |
| -[!NOTE] |
686 |
| -Gallery card formatter is skipped in the below JSON for simplicity. |
| 685 | +> [!NOTE] |
| 686 | +> Gallery card formatter is skipped in the below JSON for simplicity. |
687 | 687 |
|
688 | 688 | ```JSON
|
689 | 689 | {
|
@@ -814,13 +814,13 @@ Optional element. Specifies a CSS class(es) that is applied to the entire row. S
|
814 | 814 |
|
815 | 815 | ### hideSelection
|
816 | 816 |
|
817 |
| -Optional element. Specifies whether the ability to select rows in the view is disabled or not. _false_ is the default behavior inside a list view (meaning selection is visible and enabled). _true_ means that users will not be able to select list items. Valid in 'List', 'Compact List' and 'Gallery' layouts. |
| 817 | +Optional element. Specifies whether the ability to select rows in the view is disabled or not. `false` is the default behavior inside a list view (meaning selection is visible and enabled). `true` means that users will not be able to select list items. Valid in 'List', 'Compact List' and 'Gallery' layouts. |
818 | 818 |
|
819 | 819 | For list & compact list layout, `hideSelection` only takes effect when there's a `rowFormatter` element specified. If no `rowFormatter` is specified, then `hideSelection` is ignored.
|
820 | 820 |
|
821 | 821 | ### hideColumnHeader
|
822 | 822 |
|
823 |
| -Optional element. Specifies whether the column headers in the view are hidden or not. _false_ is the default behavior inside a list view (meaning column headers will be visible). _true_ means that the view will not display column headers. Only valid for 'List' and 'Compact List' layouts. |
| 823 | +Optional element. Specifies whether the column headers in the view are hidden or not. `false` is the default behavior inside a list view (meaning column headers will be visible). `true` means that the view will not display column headers. Only valid for 'List' and 'Compact List' layouts. |
824 | 824 |
|
825 | 825 | ### height
|
826 | 826 |
|
@@ -848,13 +848,13 @@ JSON object that defines the format for group and list footer. The schema of thi
|
848 | 848 |
|
849 | 849 | ### hideFooter
|
850 | 850 |
|
851 |
| -Optional element. Specifies whether the list footers or the group footers in the view are hidden or not. _false_ is the default behavior (meaning footer is visible). _true_ means that view will not display footers. Valid in 'List' and 'Compact List' layouts. |
| 851 | +Optional element. Specifies whether the list footers or the group footers in the view are hidden or not. `false` is the default behavior (meaning footer is visible). `true` means that view will not display footers. Valid in 'List' and 'Compact List' layouts. |
852 | 852 |
|
853 | 853 | For list & compact list layout, `hideFooter` overrides the `footerFormatter`, if present.
|
854 | 854 |
|
855 | 855 | ### Special string values
|
856 | 856 |
|
857 |
| -The values for `txtContent`, styles, and attributes can be either strings or Expression objects. A few special string patterns for retrieving values from group and aggregate are supported. |
| 857 | +The values for `txtContent`, styles, and attributes can be either strings or expression objects. A few special string patterns for retrieving values from group and aggregate are supported. |
858 | 858 |
|
859 | 859 | #### "@group"
|
860 | 860 |
|
@@ -907,7 +907,7 @@ The `@columnAggregate` object has the following properties (with example values)
|
907 | 907 |
|
908 | 908 | Provides access to array of aggregated column's value, display name and aggregate type. Valid in 'List', 'Compact List' and 'Gallery' layouts. Available only inside `groupProps`.
|
909 | 909 |
|
910 |
| -The `@aggregates` object has the following properties (with example value), and can be iterated on using [Column Format foreach](https://docs.microsoft.com/sharepoint/dev/declarative-customization/column-formatting#foreach) property. |
| 910 | +The `@aggregates` object has the following properties (with example value), and can be iterated on using [Column Format forEach](https://docs.microsoft.com/sharepoint/dev/declarative-customization/column-formatting#foreach) property. |
911 | 911 |
|
912 | 912 | ```JSON
|
913 | 913 | [
|
|
0 commit comments