Skip to content

Commit 83401cc

Browse files
authored
Update build-a-hello-world-extension.md
Add missing images mentioned in text
1 parent 1ff3d96 commit 83401cc

File tree

1 file changed

+5
-1
lines changed

1 file changed

+5
-1
lines changed

docs/spfx/extensions/get-started/build-a-hello-world-extension.md

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
title: Build your first SharePoint Framework Extension (Hello World part 1)
33
description: Create an extension project, and then code and debug your Application Customizer.
4-
ms.date: 06/25/2020
4+
ms.date: 10/1/2020
55
ms.prod: sharepoint
66
localization_priority: Priority
77
ms.custom: scenarios:getting-started
@@ -72,13 +72,17 @@ Open the **./src/extensions/helloWorld/HelloWorldApplicationCustomizer.ts** file
7272

7373
Notice that base class for the Application Customizer is imported from the **\@microsoft/sp-application-base** package, which contains SharePoint framework code required by the Application Customizer.
7474

75+
![Application Customizer manifest json content](../../../images/ext-app-vscode-manifest.png)
76+
7577
The logic for your Application Customizer is contained in the `onInit()` method, which is called when the client-side extension is first activated on the page. This event occurs after `this.context` and `this.properties` are assigned. As with web parts, `onInit()` returns a promise that you can use to do asynchronous operations.
7678

7779
> [!NOTE]
7880
> The class constructor is called at an early stage, when `this.context` and `this.properties` are undefined. Custom initiation logic is not supported here.
7981

8082
The following are the contents of `onInit()` in the default solution. This default solution writes a log to the Dev Dashboard, and then displays a simple JavaScript alert when the page renders.
8183

84+
![Default onInit method in the code](../../../images/ext-app-vscode-methods.png)
85+
8286
> [!NOTE]
8387
> **SharePoint Framework Dev Dashboard** is additional UI dashboard, which can be started with <kbd>CTRL</kbd>+<kbd>F12</kbd> on Windows. This is developer oriented logging information, which you can take advantage as developer.
8488

0 commit comments

Comments
 (0)