Skip to content

Commit 2273e79

Browse files
authored
Add screenshots in docs (#39)
- The documentation for Bootstrap and Google Font icons was updated with new "Setup" sections that provide instructions and code snippets for including CSS files. Later, these setup sections were removed. - Project and documentation files were refactored for better structure: icon-related snippets were updated in the project file, screenshot paths were corrected, and new documentation layouts were introduced with standardized image sections. - Multiple new PNG images (icons, UI elements, screenshots) were added to enhance the visual and documentation components of the project.
1 parent 4d1aad7 commit 2273e79

53 files changed

Lines changed: 109 additions & 57 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

BlazorExpress.Bulma.Demo.RCL/Constants/DemoScreenshotSrcConstants.cs

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -4,17 +4,17 @@ public class DemoScreenshotSrcConstants
44
{
55
#region Fields and Constants
66

7-
public const string DemoScreenshotSrcPrefix = $"{DemoStringConstants.StaticAssets_Images_Path}/screenshots";
7+
public const string DemoScreenshotSrcPrefix = $"{DemoStringConstants.StaticAssets_Images_Path}/screenshots/";
88

99
// Home
10-
public const string Home = DemoScreenshotSrcPrefix + "/home.png";
10+
public const string Home = DemoScreenshotSrcPrefix + "home.png";
1111

1212
// Fetures
13-
public const string Skeleton = DemoScreenshotSrcPrefix + "/skeleton.png";
13+
public const string Skeleton = DemoScreenshotSrcPrefix + "skeleton.png";
1414

1515
// Icons
16-
public const string BootstrapIcon = DemoScreenshotSrcPrefix + "/bootstrap-icon.png";
17-
public const string GoogleFontIcon = DemoScreenshotSrcPrefix + "/google-font-icon.png";
16+
public const string BootstrapIcon = DemoScreenshotSrcPrefix + "bootstrap-icon.png";
17+
public const string GoogleFontIcon = DemoScreenshotSrcPrefix + "google-font-icon.png";
1818

1919
// Elements
2020
public const string Block = DemoScreenshotSrcPrefix + "block.png";

BlazorExpress.Bulma.Demo.RCL/Pages/Docs/Block/Block_Doc_01_Documentation.razor

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,10 +9,12 @@
99
</SubTitleTemplate>
1010
</PageHero>
1111

12-
@* <img src="https://i.imgur.com/IX3bajc.png" class="img-fluid" alt="Blazor Bar Chart - API Documentation" /> *@
13-
1412
<DemoLink Href="@DemoRouteConstants.Demos_Block_Documentation" />
1513

14+
<Section Class="p-0" Size="HeadingSize.H4" Name="Screenshot" PageUrl="@pageUrl" Link="screenshot">
15+
<img src="@imageUrl" class="img-fluid" alt="@metaTitle" />
16+
</Section>
17+
1618
<Section Class="p-0" Size="HeadingSize.H4" Name="Parameters" PageUrl="@pageUrl" Link="parameters">
1719
<DocxTable TItem="Block" DocType="DocType.Parameters" />
1820
</Section>

BlazorExpress.Bulma.Demo.RCL/Pages/Docs/Box/Box_Doc_01_Documentation.razor

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,10 +9,12 @@
99
</SubTitleTemplate>
1010
</PageHero>
1111

12-
@* <img src="https://i.imgur.com/IX3bajc.png" class="img-fluid" alt="Blazor Bar Chart - API Documentation" /> *@
13-
1412
<DemoLink Href="@DemoRouteConstants.Demos_Box_Documentation" />
1513

14+
<Section Class="p-0" Size="HeadingSize.H4" Name="Screenshot" PageUrl="@pageUrl" Link="screenshot">
15+
<img src="@imageUrl" class="img-fluid" alt="@metaTitle" />
16+
</Section>
17+
1618
<Section Class="p-0" Size="HeadingSize.H4" Name="Parameters" PageUrl="@pageUrl" Link="parameters">
1719
<DocxTable TItem="Box" DocType="DocType.Parameters" />
1820
</Section>

BlazorExpress.Bulma.Demo.RCL/Pages/Docs/Breadcrumb/Breadcrumb_Doc_01_Documentation.razor

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,10 +9,12 @@
99
</SubTitleTemplate>
1010
</PageHero>
1111

12-
@* <img src="https://i.imgur.com/IX3bajc.png" class="img-fluid" alt="Blazor Bar Chart - API Documentation" /> *@
13-
1412
<DemoLink Href="@DemoRouteConstants.Demos_Breadcrumb_Documentation" />
1513

14+
<Section Class="p-0" Size="HeadingSize.H4" Name="Screenshot" PageUrl="@pageUrl" Link="screenshot">
15+
<img src="@imageUrl" class="img-fluid" alt="@metaTitle" />
16+
</Section>
17+
1618
<Section Class="p-0" Size="HeadingSize.H4" Name="Breadcrumb Parameters" PageUrl="@pageUrl" Link="parameters">
1719
<DocxTable TItem="Breadcrumb" DocType="DocType.Parameters" />
1820
</Section>

BlazorExpress.Bulma.Demo.RCL/Pages/Docs/Button/Button_Doc_01_Documentation.razor

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,10 +9,12 @@
99
</SubTitleTemplate>
1010
</PageHero>
1111

12-
@* <img src="https://i.imgur.com/IX3bajc.png" class="img-fluid" alt="Blazor Bar Chart - API Documentation" /> *@
13-
1412
<DemoLink Href="@DemoRouteConstants.Demos_Button_Documentation" />
1513

14+
<Section Class="p-0" Size="HeadingSize.H4" Name="Screenshot" PageUrl="@pageUrl" Link="screenshot">
15+
<img src="@imageUrl" class="img-fluid" alt="@metaTitle" />
16+
</Section>
17+
1618
<Section Class="p-0" Size="HeadingSize.H4" Name="Button Parameters" PageUrl="@pageUrl" Link="button-parameters">
1719
<DocxTable TItem="Button" DocType="DocType.Parameters" />
1820
</Section>

BlazorExpress.Bulma.Demo.RCL/Pages/Docs/ConfirmDialog/ConfirmDialog_Doc_01_Documentation.razor

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,10 +9,12 @@
99
</SubTitleTemplate>
1010
</PageHero>
1111

12-
@* <img src="https://i.imgur.com/IX3bajc.png" class="img-fluid" alt="Blazor Bar Chart - API Documentation" /> *@
13-
1412
<DemoLink Href="@DemoRouteConstants.Demos_ConfirmDialog_Documentation" />
1513

14+
<Section Class="p-0" Size="HeadingSize.H4" Name="Screenshot" PageUrl="@pageUrl" Link="screenshot">
15+
<img src="@imageUrl" class="img-fluid" alt="@metaTitle" />
16+
</Section>
17+
1618
<Section Class="p-0" Size="HeadingSize.H4" Name="ConfirmDialog Parameters" PageUrl="@pageUrl" Link="confirm-dialog-parameters">
1719
<DocxTable TItem="ConfirmDialog" DocType="DocType.Parameters" />
1820
</Section>

BlazorExpress.Bulma.Demo.RCL/Pages/Docs/DeleteButton/DeleteButton_Doc_01_Documentation.razor

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,10 +9,12 @@
99
</SubTitleTemplate>
1010
</PageHero>
1111

12-
@* <img src="https://i.imgur.com/IX3bajc.png" class="img-fluid" alt="Blazor Bar Chart - API Documentation" /> *@
13-
1412
<DemoLink Href="@DemoRouteConstants.Demos_DeleteButton_Documentation" />
1513

14+
<Section Class="p-0" Size="HeadingSize.H4" Name="Screenshot" PageUrl="@pageUrl" Link="screenshot">
15+
<img src="@imageUrl" class="img-fluid" alt="@metaTitle" />
16+
</Section>
17+
1618
<Section Class="p-0" Size="HeadingSize.H4" Name="Parameters" PageUrl="@pageUrl" Link="parameters">
1719
<DocxTable TItem="DeleteButton" DocType="DocType.Parameters" />
1820
</Section>

BlazorExpress.Bulma.Demo.RCL/Pages/Docs/Form/DateInput/DateInput_Doc_01_Documentation.razor

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,10 +9,12 @@
99
</SubTitleTemplate>
1010
</PageHero>
1111

12-
@* <img src="https://i.imgur.com/IX3bajc.png" class="img-fluid" alt="Blazor Bar Chart - API Documentation" /> *@
13-
1412
<DemoLink Href="@DemoRouteConstants.Demos_Form_DateInput_Documentation" />
1513

14+
<Section Class="p-0" Size="HeadingSize.H4" Name="Screenshot" PageUrl="@pageUrl" Link="screenshot">
15+
<img src="@imageUrl" class="img-fluid" alt="@metaTitle" />
16+
</Section>
17+
1618
<Section Class="p-0" Size="HeadingSize.H4" Name="Parameters" PageUrl="@pageUrl" Link="parameters">
1719
<DocxTable TItem="DateInput<object>" DocType="DocType.Parameters" />
1820
</Section>

BlazorExpress.Bulma.Demo.RCL/Pages/Docs/Form/EnumInput/EnumInput_Doc_01_Documentation.razor

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,10 +9,12 @@
99
</SubTitleTemplate>
1010
</PageHero>
1111

12-
@* <img src="https://i.imgur.com/IX3bajc.png" class="img-fluid" alt="Blazor Bar Chart - API Documentation" /> *@
13-
1412
<DemoLink Href="@DemoRouteConstants.Demos_Form_EnumInput_Documentation" />
1513

14+
<Section Class="p-0" Size="HeadingSize.H4" Name="Screenshot" PageUrl="@pageUrl" Link="screenshot">
15+
<img src="@imageUrl" class="img-fluid" alt="@metaTitle" />
16+
</Section>
17+
1618
<Section Class="p-0" Size="HeadingSize.H4" Name="Parameters" PageUrl="@pageUrl" Link="parameters">
1719
<DocxTable TItem="EnumInput<TEnum>" DocType="DocType.Parameters" />
1820
</Section>

BlazorExpress.Bulma.Demo.RCL/Pages/Docs/Form/OTPInput/OTPInput_Doc_01_Documentation.razor

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,10 +9,12 @@
99
</SubTitleTemplate>
1010
</PageHero>
1111

12-
@* <img src="https://i.imgur.com/IX3bajc.png" class="img-fluid" alt="Blazor Bar Chart - API Documentation" /> *@
13-
1412
<DemoLink Href="@DemoRouteConstants.Demos_Form_OTPInput_Documentation" />
1513

14+
<Section Class="p-0" Size="HeadingSize.H4" Name="Screenshot" PageUrl="@pageUrl" Link="screenshot">
15+
<img src="@imageUrl" class="img-fluid" alt="@metaTitle" />
16+
</Section>
17+
1618
<Section Class="p-0" Size="HeadingSize.H4" Name="Parameters" PageUrl="@pageUrl" Link="parameters">
1719
<DocxTable TItem="OTPInput" DocType="DocType.Parameters" />
1820
</Section>

0 commit comments

Comments
 (0)