Skip to content

Commit 59242fb

Browse files
gvreddy04gvreddy04
committed
Getting started guide updates
1 parent 1b33979 commit 59242fb

3 files changed

Lines changed: 80 additions & 66 deletions

File tree

‎BlazorExpress.ChartJS.Demo.RCL/Pages/Docs/GettingStarted/NET8_01_WebAssembly/GettingStarted.razor‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
</SubTitleTemplate>
1111
</PageHero>
1212

13-
<Section Size="HeadingSize.H4" Name="Install Nuget Package" PageUrl="@pageUrl2" Link="install-nuget-package">
13+
<Section Class="p-0" Size="HeadingSize.H4" Name="Install Nuget Package" PageUrl="@pageUrl2" Link="install-nuget-package">
1414
<div class="mb-3">
1515
Looking to quickly add <b>BlazorExpress.ChartJS</b> to your project? Use NuGet package manager.
1616
</div>
@@ -19,14 +19,14 @@
1919
</div>
2020
</Section>
2121

22-
<Section Size="HeadingSize.H4" Name="Add script references" PageUrl="@pageUrl2" Link="add-script-references">
22+
<Section Class="p-0" Size="HeadingSize.H4" Name="Add script references" PageUrl="@pageUrl2" Link="add-script-references">
2323
<div class="mb-3">
2424
Insert the following references into the <b>body</b> section of the <b>wwwroot/index.html</b> file, immediately after the <b>_framework/blazor.webassembly.js</b> reference:
2525
</div>
2626
<Snippet LanguageCode="LanguageCode.JavaScript" FilePath="~\Components\Pages\GettingStarted\NET8_01_WebAssembly\Getting_Started_Snippet_01_Scripts.html" />
2727
</Section>
2828

29-
<Section Size="HeadingSize.H4" Name="Register services" PageUrl="@pageUrl2" Link="register-services">
29+
<Section Class="p-0" Size="HeadingSize.H4" Name="Register services" PageUrl="@pageUrl2" Link="register-services">
3030
<div class="mb-3">
3131
Register tag helpers in <b>_Imports.razor</b>.
3232
</div>

‎BlazorExpress.ChartJS.Demo.RCL/Pages/Docs/GettingStarted/NET8_02_WebApp_Server_Global/GettingStarted.razor‎

Lines changed: 36 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -1,37 +1,44 @@
11
@attribute [Route(pageUrl)]
2+
@layout DocsMainLayout
23

3-
<PageHeroSection PageUrl="@pageUrl"
4-
Title="@title"
5-
Heading="@heading"
6-
Description="@description"
7-
ImageUrl="@imageUrl" />
8-
9-
<Section Size="HeadingSize.H4" Text="Install Nuget Package" PageUrl="@pageUrl" HashTagName="install-nuget-package" />
10-
<div class="mb-3">
11-
Looking to quickly add <b>BlazorExpress.ChartJS</b> to your project? Use NuGet package manager.
12-
</div>
13-
<div class="p-2 text-bg-dark rounded">
14-
Install-Package BlazorExpress.ChartJS -Version @version
15-
</div>
16-
17-
<Section Size="HeadingSize.H4" Text="Add script references" PageUrl="@pageUrl" HashTagName="add-script-references" />
18-
<div class="mb-3">
19-
Insert the following references into the <b>body</b> section of the <b>Components/App.razor</b> file, immediately after the <b>_framework/blazor.web.js</b> reference:
20-
</div>
21-
<Snippet LanguageCode="LanguageCode.JavaScript" FilePath="~\Components\Pages\GettingStarted\NET8_02_WebApp_Server_Global\Getting_Started_Snippet_01_Scripts.html" />
22-
23-
<Section Size="HeadingSize.H4" Text="Register services" PageUrl="@pageUrl" HashTagName="register-services" />
24-
<div class="mb-3">
25-
Register tag helpers in <b>Components/_Imports.razor</b>.
26-
</div>
27-
<Snippet LanguageCode="LanguageCode.Razor" FilePath="~\Components\Pages\GettingStarted\NET8_02_WebApp_Server_Global\Getting_Started_Snippet_02_Register.txt" />
4+
<PageMetaTags PageUrl="@pageUrl" Title="@metaTitle" Description="@metaDescription" ImageUrl="@imageUrl" />
5+
6+
<PageHero Title="@pageTitle">
7+
<SubTitleTemplate>
8+
@((MarkupString)pageDescription)
9+
</SubTitleTemplate>
10+
</PageHero>
11+
12+
<Section Class="p-0" Size="HeadingSize.H4" Name="Install Nuget Package" PageUrl="@pageUrl" Link="install-nuget-package">
13+
<div class="mb-3">
14+
Looking to quickly add <b>BlazorExpress.ChartJS</b> to your project? Use NuGet package manager.
15+
</div>
16+
<div class="p-2 text-bg-dark rounded">
17+
Install-Package BlazorExpress.ChartJS -Version @version
18+
</div>
19+
</Section>
20+
21+
<Section Class="p-0" Size="HeadingSize.H4" Name="Add script references" PageUrl="@pageUrl" Link="add-script-references">
22+
<div class="mb-3">
23+
Insert the following references into the <b>body</b> section of the <b>Components/App.razor</b> file, immediately after the <b>_framework/blazor.web.js</b> reference:
24+
</div>
25+
<Snippet LanguageCode="LanguageCode.JavaScript" FilePath="~\Components\Pages\GettingStarted\NET8_02_WebApp_Server_Global\Getting_Started_Snippet_01_Scripts.html" />
26+
</Section>
27+
28+
<Section Class="p-0" Size="HeadingSize.H4" Name="Register services" PageUrl="@pageUrl" Link="register-services">
29+
<div class="mb-3">
30+
Register tag helpers in <b>Components/_Imports.razor</b>.
31+
</div>
32+
<Snippet LanguageCode="LanguageCode.Razor" FilePath="~\Components\Pages\GettingStarted\NET8_02_WebApp_Server_Global\Getting_Started_Snippet_02_Register.txt" />
33+
</Section>
2834

2935
@code {
3036
private const string pageUrl = RouteConstants.Docs_GettingStarted_Blazor_WebApp_NET_8_Interactive_Render_Mode_Server_Global_Location;
31-
private const string title = "Getting started - Blazor WebApp (.NET 8) - Interactive render mode Server - Global location";
32-
private const string heading = "Getting started - Blazor WebApp (.NET 8) - Interactive render mode Server - Global location";
33-
private const string description = "Get started with the Enterprise-class Component library built on the Blazor and Chart.js JavaScript library.";
34-
private const string imageUrl = "https://i.imgur.com/C5ObC3A.png";
37+
private const string pageTitle = "Getting started - Blazor WebApp (.NET 8) - Interactive render mode Server - Global location";
38+
private const string pageDescription = "Getting started - Blazor WebApp (.NET 8) - Interactive render mode Server - Global location";
39+
private const string metaTitle = "Getting started - Blazor WebAssembly (.NET 8)";
40+
private const string metaDescription = "Get started with the Enterprise-class Component library built on the Blazor and Chart.js JavaScript library.";
41+
private const string imageUrl = "https://i.imgur.com/C5ObC3A.png"; // TODO: update with actual image URL
3542
private string version = default!;
3643

3744
[Inject]

‎BlazorExpress.ChartJS.Demo.RCL/Pages/Docs/GettingStarted/NET8_03_WebApp_Auto/GettingStarted.razor‎

Lines changed: 41 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -1,41 +1,48 @@
11
@attribute [Route(pageUrl)]
2-
3-
<PageHeroSection PageUrl="@pageUrl"
4-
Title="@title"
5-
Heading="@heading"
6-
Description="@description"
7-
ImageUrl="@imageUrl" />
8-
9-
<Section Size="HeadingSize.H3" Text="Client Project" PageUrl="@pageUrl" HashTagName="client-project" />
10-
11-
<Section Size="HeadingSize.H4" Text="Install Nuget Package" PageUrl="@pageUrl" HashTagName="install-nuget-package" />
12-
<div class="mb-3">
13-
Looking to quickly add <b>BlazorExpress.ChartJS</b> to your project? Use NuGet package manager.
14-
</div>
15-
<div class="p-2 text-bg-dark rounded">
16-
Install-Package BlazorExpress.ChartJS -Version @version
17-
</div>
18-
19-
<Section Size="HeadingSize.H4" Text="Register services" PageUrl="@pageUrl" HashTagName="register-services" />
20-
<div class="mb-3">
21-
Register tag helpers in <b>_Imports.razor</b>.
22-
</div>
23-
<Snippet LanguageCode="LanguageCode.Razor" FilePath="~\Components\Pages\GettingStarted\NET8_02_WebApp_Server_Global\Getting_Started_Snippet_02_Register.txt" />
24-
25-
<Section Size="HeadingSize.H3" Text="Server Project" PageUrl="@pageUrl" HashTagName="server-project" />
26-
27-
<Section Size="HeadingSize.H4" Text="Add script references" PageUrl="@pageUrl" HashTagName="add-script-references" />
28-
<div class="mb-3">
29-
Insert the following references into the <b>body</b> section of the <b>Components/App.razor</b> file, immediately after the <b>_framework/blazor.web.js</b> reference:
30-
</div>
31-
<Snippet LanguageCode="LanguageCode.JavaScript" FilePath="~\Components\Pages\GettingStarted\NET8_02_WebApp_Server_Global\Getting_Started_Snippet_01_Scripts.html" />
2+
@layout DocsMainLayout
3+
4+
<PageMetaTags PageUrl="@pageUrl" Title="@metaTitle" Description="@metaDescription" ImageUrl="@imageUrl" />
5+
6+
<PageHero Title="@pageTitle">
7+
<SubTitleTemplate>
8+
@((MarkupString)pageDescription)
9+
</SubTitleTemplate>
10+
</PageHero>
11+
12+
<Section Class="p-0" Size="HeadingSize.H3" Name="Client Project" PageUrl="@pageUrl" Link="client-project" />
13+
14+
<Section Class="p-0" Size="HeadingSize.H4" Name="Install Nuget Package" PageUrl="@pageUrl" Link="install-nuget-package">
15+
<div class="mb-3">
16+
Looking to quickly add <b>BlazorExpress.ChartJS</b> to your project? Use NuGet package manager.
17+
</div>
18+
<div class="p-2 text-bg-dark rounded">
19+
Install-Package BlazorExpress.ChartJS -Version @version
20+
</div>
21+
</Section>
22+
23+
<Section Class="p-0" Size="HeadingSize.H4" Name="Register services" PageUrl="@pageUrl" Link="register-services">
24+
<div class="mb-3">
25+
Register tag helpers in <b>_Imports.razor</b>.
26+
</div>
27+
<Snippet LanguageCode="LanguageCode.Razor" FilePath="~\Components\Pages\GettingStarted\NET8_02_WebApp_Server_Global\Getting_Started_Snippet_02_Register.txt" />
28+
</Section>
29+
30+
<Section Class="p-0" Size="HeadingSize.H3" Name="Server Project" PageUrl="@pageUrl" Link="server-project" />
31+
32+
<Section Class="p-0" Size="HeadingSize.H4" Name="Add script references" PageUrl="@pageUrl" Link="add-script-references">
33+
<div class="mb-3">
34+
Insert the following references into the <b>body</b> section of the <b>Components/App.razor</b> file, immediately after the <b>_framework/blazor.web.js</b> reference:
35+
</div>
36+
<Snippet LanguageCode="LanguageCode.JavaScript" FilePath="~\Components\Pages\GettingStarted\NET8_02_WebApp_Server_Global\Getting_Started_Snippet_01_Scripts.html" />
37+
</Section>
3238

3339
@code {
3440
private const string pageUrl = RouteConstants.Docs_GettingStarted_Blazor_WebApp_NET_8_Interactive_Render_Mode_Auto_Global_Location;
35-
private const string title = "Getting started - Blazor WebApp (.NET 8) - Interactive render mode Auto - Global location";
36-
private const string heading = "Getting started - Blazor WebApp (.NET 8) - Interactive render mode Auto - Global location";
37-
private const string description = "Get started with the Enterprise-class Component library built on the Blazor and Chart.js JavaScript library.";
38-
private const string imageUrl = "https://i.imgur.com/C5ObC3A.png";
41+
private const string pageTitle = "Getting started - Blazor WebApp (.NET 8) - Interactive render mode Auto - Global location";
42+
private const string pageDescription = "Getting started - Blazor WebApp (.NET 8) - Interactive render mode Auto - Global location";
43+
private const string metaTitle = "Getting started - Blazor WebAssembly (.NET 8)";
44+
private const string metaDescription = "Get started with the Enterprise-class Component library built on the Blazor and Chart.js JavaScript library.";
45+
private const string imageUrl = "https://i.imgur.com/C5ObC3A.png"; // TODO: update with actual image URL
3946
private string version = default!;
4047

4148
[Inject]

0 commit comments

Comments
 (0)