Skip to content

Commit 2eaa182

Browse files
correct markdown formatting errors, update timestamp in doc frontmatter
1 parent d07f82b commit 2eaa182

File tree

1 file changed

+21
-17
lines changed

1 file changed

+21
-17
lines changed

docs/spfx/viva/get-started/advanced-quick-view-functionality.md

Lines changed: 21 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
title: Advanced Quick View Functionality
33
description: "This tutorial builds off the tutorial 'Advanced Card View Functionality'."
4-
ms.date: 10/25/2021
4+
ms.date: 11/11/2021
55
ms.prod: sharepoint
66
ms.localizationpriority: high
77
---
@@ -78,22 +78,26 @@ Start with the HelloWorld ACE from the previous tutorial, [Advanced Card View Fu
7878
]
7979
}
8080
```
81-
1. As you can see in the JSON template, we use the ${index} to pass the selected item index to the QuickView. To allow this to works, we must add and populate _index_ property of the _IListItem_ object defined in the previous tutorial. Open and locate the file **./src/adaptiveCardExtensions/helloWorld/HelloWorldAdaptiveCardExtension.ts**, than add the property _index_ to the _IListItem_ definition:
82-
```typescript
83-
export interface IListItem {
84-
title: string;
85-
description: string;
86-
index: number;
87-
}
88-
```
89-
1. Finally locate the _\_fetchData_ method in the same class and modify the map function inside it, to:
90-
```typescript
91-
...
92-
.then((jsonResponse) => jsonResponse.value.map(
93-
(item, index) => { return { title: item.Title, description: item.Description, index: index }; })
94-
)
95-
...
96-
```
81+
82+
1. As you can see in the JSON template, we use the ${index} to pass the selected item index to the QuickView. To allow this to works, we must add and populate `index` property of the `IListItem` object defined in the previous tutorial. Open and locate the file **./src/adaptiveCardExtensions/helloWorld/HelloWorldAdaptiveCardExtension.ts**, than add the property `index` to the `IListItem` definition:
83+
84+
```typescript
85+
export interface IListItem {
86+
title: string;
87+
description: string;
88+
index: number;
89+
}
90+
```
91+
92+
1. Finally locate the `fetchData()` method in the same class and modify the map function inside it, to:
93+
94+
```typescript
95+
...
96+
.then((jsonResponse) => jsonResponse.value.map(
97+
(item, index) => { return { title: item.Title, description: item.Description, index: index }; })
98+
)
99+
...
100+
```
97101

98102
Build and launch the ACE in the hosted workbench:
99103

0 commit comments

Comments
 (0)