Skip to content

Commit 77d8369

Browse files
committed
Lab polishing
1 parent 55c3ae9 commit 77d8369

7 files changed

+24
-25
lines changed

docs/spfx/web-parts/get-started/add-jqueryui-accordion-to-web-part.md

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -53,10 +53,9 @@ When prompted:
5353

5454
The next set of prompts will ask for specific information about your web part:
5555

56-
* Type **jQuery** for the web part name and choose **Enter**.
57-
* Enter **jQuery Web Part** as the description of the web part and choose **Enter**.
5856
* Accept the default No **javascript web framework** option for the framework and choose **Enter** to continue.
59-
* At the next prompt, choose **Enter** to continue. Do not select any libraries to add.
57+
* Type **jQuery** for the web part name and choose **Enter**.
58+
* Enter **jQuery Web Part** as the description of the web part and choose **Enter**.
6059

6160
At this point, Yeoman will install the required dependencies and scaffold the solution files. This might take a few minutes. Yeoman will scaffold the project to include your **jQueryWebPart** web part as well.
6261

docs/spfx/web-parts/get-started/build-a-hello-world-web-part.md

Lines changed: 21 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -44,9 +44,9 @@ When prompted:
4444

4545
The next set of prompts will ask for specific information about your web part:
4646

47+
* Accept the default **No javascript web framework** as the framework you would like to use and choose **Enter**.
4748
* Accept the default **HelloWorld** as your web part name and choose **Enter**.
4849
* Accept the default **HelloWorld description** as your web part description and choose **Enter**.
49-
* Accept the default **No javascript web framework** as the framework you would like to use and choose **Enter**.
5050

5151
![Yeoman SharePoint generator prompts to create a web part client-side solution](../../../../images/yeoman-sp-prompts.png)
5252

@@ -163,27 +163,27 @@ This property definition is used to define custom property types for your web pa
163163
The DOM element where the web part should be rendered is available in the **render** method. This method is used to render the web part inside that DOM element. In the **HelloWorld** web part, the DOM element is set to a DIV. The method parameters include the display mode (either Read or Edit) and the configured web part properties if any:
164164

165165
```ts
166-
public render(): void {
167-
this.domElement.innerHTML = `
168-
<div class="${styles.row}">
169-
<div class="${styles.column}">
170-
<span class="${styles.title}">
171-
Welcome to SharePoint!
172-
</span>
173-
<p class="${styles.subtitle}">
174-
Customize SharePoint experiences using Web Parts.
175-
</p>
176-
<p class="${styles.description}">
177-
${escape(this.properties.description)}
178-
</p>
179-
<a class="ms-Button ${styles.button}" href="https://github.com/SharePoint/sp-dev-docs/wiki">
180-
<span class="ms-Button-label">
181-
Learn more
166+
public render(): void {
167+
this.domElement.innerHTML = `
168+
<div class="${styles.row}">
169+
<div class="${styles.column}">
170+
<span class="${styles.title}">
171+
Welcome to SharePoint!
182172
</span>
183-
</a>
184-
</div>
185-
</div>`;
186-
}
173+
<p class="${styles.subtitle}">
174+
Customize SharePoint experiences using Web Parts.
175+
</p>
176+
<p class="${styles.description}">
177+
${escape(this.properties.description)}
178+
</p>
179+
<a class="ms-Button ${styles.button}" href="https://aka.ms/spfx">
180+
<span class="ms-Button-label">
181+
Learn more
182+
</span>
183+
</a>
184+
</div>
185+
</div>`;
186+
}
187187
```
188188

189189
This model is flexible enough so that web parts can be built in any JavaScript framework and loaded into the DOM element.

docs/spfx/web-parts/get-started/use-fabric-react-components.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -39,9 +39,9 @@ When prompted:
3939

4040
* Accept the default **documentcardexample-webpart** as your solution name and choose **Enter**.
4141
* Select **Use the current folder** as the ___location for the files.
42+
* Select **React** as the framework and choose **Enter**.
4243
* Use **DocumentCardExample** for your web part name and choose **Enter**.
4344
* Accept the default **DocumentCardExample description** and choose **Enter**.
44-
* Select **React** as the framework and choose **Enter**.
4545

4646
At this point, Yeoman will install the required dependencies and scaffold the solution files. This might take a few minutes. Yeoman will scaffold the project to include your DocumentCardExample web part as well.
4747

images/S15_CalloutControlExample.png

9.97 KB
Loading

images/helloworld-wp-gulp-serve.png

137 KB
Loading

images/yeoman-sp-complete.png

248 KB
Loading

images/yeoman-sp-prompts.png

55.6 KB
Loading

0 commit comments

Comments
 (0)