Skip to content

Commit 93dd01c

Browse files
authored
New Documentation (#1204)
* Demo/Docs/Blog updates
1 parent 5aea3c7 commit 93dd01c

File tree

742 files changed

+5090
-1284
lines changed

Some content is hidden

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

742 files changed

+5090
-1284
lines changed
Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
@namespace BlazorBootstrap.Demo.RCL
2+
@inherits MainLayoutBase
Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
namespace BlazorBootstrap.Demo.RCL;
2+
3+
public partial class BlogMainLayout : MainLayoutBase
4+
{
5+
}
Lines changed: 97 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,97 @@
1+
@namespace BlazorBootstrap.Demo.RCL
2+
@inherits MainLayoutBase
3+
4+
<BlazorBootstrapLayout StickyHeader="true">
5+
<HeaderSection>
6+
<WebsiteNavbar />
7+
</HeaderSection>
8+
<SidebarSection>
9+
<Sidebar2 Href="/"
10+
ImageSrc="https://demos.blazorbootstrap.com/images/logo/logo-white.svg"
11+
Title="Blazor Bootstrap"
12+
BadgeText="@Version"
13+
DataProvider="Sidebar2DataProvider"
14+
WidthUnit="Unit.Px" />
15+
</SidebarSection>
16+
17+
<ContentSection>
18+
@Body
19+
20+
<Callout Class="text-center text-bold skippy border-0" HideHeading="true">
21+
<a href="@GithubUrl" class="text-decoration-none" b-09pcjsuuk4="">
22+
<i class="bi bi-star-fill" b-09pcjsuuk4=""></i>
23+
<span b-09pcjsuuk4="">If you like Blazor Bootstrap, give it a star on GitHub!</span>
24+
<i class="bi bi-star-fill" b-09pcjsuuk4=""></i>
25+
</a>
26+
</Callout>
27+
</ContentSection>
28+
29+
<FooterSection>
30+
<div class="row">
31+
<div class="col-lg-4 mb-3">
32+
<a class="d-inline-flex align-items-center mb-2 text-body-emphasis text-decoration-none" href="/" aria-label="Bootstrap">
33+
<img src="/images/logo/logo-color.svg" width="40" height="32" class="d-block me-2" alt="Blazor Bootstrap">
34+
<span class="fs-5">Blazor Bootstrap</span>
35+
</a>
36+
<ul class="list-unstyled small text-muted">
37+
<li class="mb-2">Designed and built with all the love in the world by the <strong><a href="https://www.nuget.org/packages/Blazor.Bootstrap">Blazor Bootstrap</a></strong> team with the help of our contributors.</li>
38+
<li class="mb-2">Code licensed <a href="https://github.com/vikramlearning/blazorbootstrap/blob/main/LICENSE.txt" target="_blank" rel="license noopener">Apache License 2.0</a>.</li>
39+
<li class="mb-2">Currently @Version.</li>
40+
@if (!string.IsNullOrWhiteSpace(DotNetVersion))
41+
{
42+
<li class="mb-2">Powered by @DotNetVersion</li>
43+
}
44+
</ul>
45+
</div>
46+
<div class="col-6 col-lg-2 mb-3">
47+
<h5>Links</h5>
48+
<ul class="list-unstyled">
49+
<li class="mb-2"><a href="/">Home</a></li>
50+
<li class="mb-2"><a href="@DemosUrl" rel="noopener">Demos</a></li>
51+
<li class="mb-2"><a href="@DocsUrl" rel="noopener">Docs</a></li>
52+
<li class="mb-2"><a href="@BlogUrl" target="_blank" rel="noopener">Blog</a></li>
53+
<li class="mb-2"><a href="@GithubUrl" target="_blank" rel="noopener">GitHub</a></li>
54+
</ul>
55+
</div>
56+
<div class="col-6 col-lg-2 mb-3">
57+
<h5>Guides</h5>
58+
<ul class="list-unstyled">
59+
<li class="mb-2"><a href="/getting-started/blazor-webassembly">Getting started</a></li>
60+
<li class="mb-2"><a href="/getting-started#install-nuget-package">Install Nuget</a></li>
61+
<li class="mb-2"><a href="https://github.com/vikramlearning/blazorbootstrap-starter-templates" target="_blank">Starter templates</a></li>
62+
</ul>
63+
</div>
64+
<div class="col-6 col-lg-2 mb-3">
65+
<h5>Community</h5>
66+
<ul class="list-unstyled">
67+
<li class="mb-2"><a href="@GithubIssuesUrl" target="_blank" rel="noopener">Issues</a></li>
68+
<li class="mb-2"><a href="@GithubDiscussionsUrl" target="_blank" rel="noopener">Discussions</a></li>
69+
<li class="mb-2"><a href="@OpenCollectiveUrl" target="_blank" rel="noopener">Open Collective</a></li>
70+
<li class="mb-2"><a href="@StackoverflowUrl" target="_blank" rel="noopener">Stack Overflow</a></li>
71+
</ul>
72+
</div>
73+
<div class="col-6 col-lg-2 mb-3">
74+
<h5>Other Libraries</h5>
75+
<ul class="list-unstyled">
76+
<li class="mb-2">
77+
<a href="https://bulma.blazorexpress.com/" target="_blank" rel="noopener">
78+
BlazorExpress.Bulma <Icon Name="IconName.Stars" Color="IconColor.Danger" />
79+
</a>
80+
</li>
81+
<li class="mb-2">
82+
<a href="https://chartjs.blazorexpress.com/" target="_blank" rel="noopener">
83+
BlazorExpress.ChartJS <Icon Name="IconName.Stars" Color="IconColor.Danger" />
84+
</a>
85+
</li>
86+
<li class="mb-2">
87+
<a href="https://github.com/unlimited-pdf/UnlimitedPDF/" target="_blank" rel="noopener">
88+
UnlimitedPDF <Icon Name="IconName.Stars" Color="IconColor.Danger" />
89+
</a>
90+
</li>
91+
</ul>
92+
</div>
93+
</div>
94+
</FooterSection>
95+
</BlazorBootstrapLayout>
96+
97+
<MainLayoutBaseServices />
Lines changed: 110 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,110 @@
1+
namespace BlazorBootstrap.Demo.RCL;
2+
3+
public partial class DemosMainLayout : MainLayoutBase
4+
{
5+
internal override IEnumerable<NavItem> GetNavItems()
6+
{
7+
navItems ??= new List<NavItem>
8+
{
9+
new (){ Id = "1", Text = "Getting Started", Href = DemoRouteConstants.Demos_URL_GettingStarted, IconName = IconName.HouseDoorFill },
10+
11+
new (){ Id = "2", Text = "Layout", IconName = IconName.LayoutTextWindowReverse, IconColor = IconColor.Success },
12+
new (){ Id = "200", Text = "Blazor WebAssembly", Href = DemoRouteConstants.Demos_URL_Layout_BlazorWebAssembly, IconName = IconName.BrowserEdge, ParentId = "2" },
13+
new (){ Id = "201", Text = "Blazor Server", Href = DemoRouteConstants.Demos_URL_Layout_Blazor_Server, IconName = IconName.Server, ParentId = "2" },
14+
15+
new (){ Id = "3", Text = "Content", IconName = IconName.BodyText, IconColor = IconColor.Primary },
16+
new (){ Id = "300", Text = "Icons", Href = DemoRouteConstants.Demos_URL_Icons, IconName = IconName.PersonSquare, ParentId = "3" },
17+
new (){ Id = "301", Text = "Images", Href = DemoRouteConstants.Demos_URL_Images, IconName = IconName.Image, ParentId = "3" },
18+
19+
new (){ Id = "4", Text = "Forms", IconName = IconName.InputCursorText, IconColor = IconColor.Success },
20+
new (){ Id = "400", Text = "Auto Complete", Href = DemoRouteConstants.Demos_URL_AutoComplete, IconName = IconName.InputCursorText, ParentId = "4" },
21+
new (){ Id = "401", Text = "Checkbox Input", Href = DemoRouteConstants.Demos_URL_CheckboxInput, IconName = IconName.CheckSquareFill, ParentId = "4" },
22+
new (){ Id = "402", Text = "Currency Input", Href = DemoRouteConstants.Demos_URL_CurrencyInput, IconName = IconName.CurrencyDollar, ParentId = "4" },
23+
new (){ Id = "403", Text = "Date Input", Href = DemoRouteConstants.Demos_URL_DateInput, IconName = IconName.CalendarDate, ParentId = "4" },
24+
new (){ Id = "404", Text = "Enum Input", Href = DemoRouteConstants.Demos_URL_EnumInput, IconName = IconName.MenuButtonWideFill, ParentId = "4" },
25+
new (){ Id = "405", Text = "Number Input", Href = DemoRouteConstants.Demos_URL_NumberInput, IconName = IconName.InputCursor, ParentId = "4" },
26+
new (){ Id = "406", Text = "Password Input", Href = DemoRouteConstants.Demos_URL_PasswordInput, IconName = IconName.EyeSlashFill, ParentId = "4" },
27+
new (){ Id = "407", Text = "Radio Input", Href = DemoRouteConstants.Demos_URL_RadioInput, IconName = IconName.RecordCircle, ParentId = "4" },
28+
new (){ Id = "408", Text = "Range Input", Href = DemoRouteConstants.Demos_URL_RangeInput, IconName = IconName.Sliders, ParentId = "4" },
29+
//new (){ Id = "404", Text = "Select Input", Href = DemoRouteConstants.Demos_URL_SelectInput, IconName = IconName.MenuButtonWideFill, ParentId = "4" },
30+
new (){ Id = "409", Text = "Switch", Href = DemoRouteConstants.Demos_URL_Switch, IconName = IconName.ToggleOn, ParentId = "4" },
31+
new (){ Id = "410", Text = "Text Input", Href = DemoRouteConstants.Demos_URL_TextInput, IconName = IconName.InputCursorText, ParentId = "4" },
32+
new (){ Id = "411", Text = "Text Area Input", Href = DemoRouteConstants.Demos_URL_TextAreaInput, IconName = IconName.InputCursorText, ParentId = "4" },
33+
new (){ Id = "412", Text = "Time Input", Href = DemoRouteConstants.Demos_URL_TimeInput, IconName = IconName.ClockFill, ParentId = "4" },
34+
35+
new (){ Id = "5", Text = "Components", IconName = IconName.GearFill, IconColor = IconColor.Danger },
36+
new (){ Id = "500", Text = "Accordion", Href = DemoRouteConstants.Demos_URL_Accordion, IconName = IconName.ChevronBarExpand, ParentId = "5" },
37+
new (){ Id = "501", Text = "Alerts", Href = DemoRouteConstants.Demos_URL_Alerts, IconName = IconName.CheckCircleFill, ParentId = "5" },
38+
new (){ Id = "502", Text = "Badge", Href = DemoRouteConstants.Demos_URL_Badge, IconName = IconName.AppIndicator, ParentId = "5" },
39+
new (){ Id = "503", Text = "Breadcrumb", Href = DemoRouteConstants.Demos_URL_Breadcrumb, IconName = IconName.SegmentedNav, ParentId = "5" },
40+
new (){ Id = "504", Text = "Buttons", Href = DemoRouteConstants.Demos_URL_Buttons, IconName = IconName.ToggleOn, ParentId = "5" },
41+
new (){ Id = "505", Text = "Callout", Href = DemoRouteConstants.Demos_URL_Callout, IconName = IconName.StickyFill, ParentId = "5" },
42+
new (){ Id = "506", Text = "Card", Href = DemoRouteConstants.Demos_URL_Card, IconName = IconName.CardHeading, ParentId = "5" },
43+
new (){ Id = "507", Text = "Carousel", Href = DemoRouteConstants.Demos_URL_Carousel, IconName = IconName.CollectionPlayFill, ParentId = "5" },
44+
new (){ Id = "508", Text = "Charts", Href = DemoRouteConstants.Demos_URL_Charts, IconName = IconName.BarChartLineFill, ParentId = "5", Match = NavLinkMatch.All },
45+
new (){ Id = "509", Text = "Collapse", Href = DemoRouteConstants.Demos_URL_Collapse, IconName = IconName.ArrowsCollapse, ParentId = "5" },
46+
new (){ Id = "510", Text = "Confirm Dialog", Href = DemoRouteConstants.Demos_URL_ConfirmDialog, IconName = IconName.QuestionDiamondFill, ParentId = "5" },
47+
new (){ Id = "511", Text = "Dropdown", Href = DemoRouteConstants.Demos_URL_Dropdown, IconName = IconName.MenuButtonWideFill, ParentId = "5" },
48+
new (){ Id = "512", Text = "Google Map", Href = DemoRouteConstants.Demos_URL_GoogleMap, IconName = IconName.Map, ParentId = "5" },
49+
50+
#region Grid
51+
52+
new (){ Id = "513", Text = "Grid", IconName = IconName.Grid, ParentId = "5" },
53+
new (){ Id = "51301", Text = "Overview", Href = DemoRouteConstants.Demos_URL_Grid_Overview, IconName = IconName.Grid, ParentId = "513" }, // first item - do not change
54+
new (){ Id = "51302", Text = "Alignment", Href = DemoRouteConstants.Demos_URL_Grid_Alignment, IconName = IconName.Justify, ParentId = "513" },
55+
new (){ Id = "51303", Text = "Custom CSS Class", Href = DemoRouteConstants.Demos_URL_Grid_CustomCSSClass, IconName = IconName.FileTypeCss, ParentId = "513" },
56+
new (){ Id = "51304", Text = "Data Binding", Href = DemoRouteConstants.Demos_URL_Grid_DataBinding, IconName = IconName.GridFill, ParentId = "513" },
57+
new (){ Id = "51306", Text = "Detail View", Href = DemoRouteConstants.Demos_URL_Grid_DetailView, IconName = IconName.ListNested, ParentId = "513" },
58+
new (){ Id = "51307", Text = "Events", Href = DemoRouteConstants.Demos_URL_Grid_Events, IconName = IconName.LightningChargeFill, ParentId = "513" },
59+
new (){ Id = "51307", Text = "Filters", Href = DemoRouteConstants.Demos_URL_Grid_Filters, IconName = IconName.FunnelFill, ParentId = "513" },
60+
new (){ Id = "51308", Text = "Fixed Header", Href = DemoRouteConstants.Demos_URL_Grid_FixedHeader, IconName = IconName.Table, ParentId = "513" },
61+
new (){ Id = "51309", Text = "Freeze Columns", Href = DemoRouteConstants.Demos_URL_Grid_FreezeColumns, IconName = IconName.LayoutThreeColumns, ParentId = "513" },
62+
new (){ Id = "51310", Text = "Grid Settings", Href = DemoRouteConstants.Demos_URL_Grid_Settings, IconName = IconName.GearFill, ParentId = "513" },
63+
new (){ Id = "51311", Text = "Nested Grid", Href = DemoRouteConstants.Demos_URL_Grid_NestedGrid, IconName = IconName.Pip, ParentId = "513" },
64+
new (){ Id = "51312", Text = "Paging", Href = DemoRouteConstants.Demos_URL_Grid_Paging, IconName = IconName.ChevronBarRight, ParentId = "513" },
65+
new (){ Id = "51313", Text = "Selection", Href = DemoRouteConstants.Demos_URL_Grid_Selection, IconName = IconName.CheckSquareFill, ParentId = "513" },
66+
new (){ Id = "51314", Text = "Sorting", Href = DemoRouteConstants.Demos_URL_Grid_Sorting, IconName = IconName.ArrowDownUp, ParentId = "513" },
67+
new (){ Id = "51315", Text = "Summary", Href = DemoRouteConstants.Demos_URL_Grid_Summary, IconName = IconName.Calculator, ParentId = "513" },
68+
new (){ Id = "51316", Text = "Translations", Href = DemoRouteConstants.Demos_URL_Grid_Translations, IconName = IconName.Translate, ParentId = "513" },
69+
new (){ Id = "51399", Text = "Other", Href = DemoRouteConstants.Demos_URL_Grid_OtherExamples, IconName = IconName.PlusSquareFill, ParentId = "513" }, // last item - do not change
70+
71+
#endregion Grid
72+
73+
new (){ Id = "514", Text = "Markdown", Href = DemoRouteConstants.Demos_URL_Markdown, IconName = IconName.MarkdownFill, ParentId = "5" },
74+
new (){ Id = "514", Text = "Modals", Href = DemoRouteConstants.Demos_URL_Modal, IconName = IconName.WindowStack, ParentId = "5" },
75+
new (){ Id = "515", Text = "Offcanvas", Href = DemoRouteConstants.Demos_URL_Offcanvas, IconName = IconName.LayoutSidebarReverse, ParentId = "5" },
76+
new (){ Id = "516", Text = "Pagination", Href = DemoRouteConstants.Demos_URL_Pagination, IconName = IconName.ThreeDots, ParentId = "5" },
77+
new (){ Id = "517", Text = "PDF Viewer", Href = DemoRouteConstants.Demos_URL_PDFViewer, IconName = IconName.FilePdfFill, ParentId = "5" },
78+
new (){ Id = "518", Text = "Placeholders", Href = DemoRouteConstants.Demos_URL_Placeholders, IconName = IconName.ColumnsGap, ParentId = "5" },
79+
new (){ Id = "519", Text = "Preload", Href = DemoRouteConstants.Demos_URL_Preload, IconName = IconName.ArrowClockwise, ParentId = "5" },
80+
new (){ Id = "520", Text = "Progress", Href = DemoRouteConstants.Demos_URL_Progress, IconName = IconName.UsbC, ParentId = "5" },
81+
new (){ Id = "521", Text = "Ribbon", Href = DemoRouteConstants.Demos_URL_Ribbon, IconName = IconName.WindowStack, ParentId = "5" },
82+
new (){ Id = "522", Text = "Script Loader", Href = DemoRouteConstants.Demos_URL_ScriptLoader, IconName = IconName.CodeSlash, ParentId = "5" },
83+
new (){ Id = "523", Text = "Sidebar", Href = DemoRouteConstants.Demos_URL_Sidebar, IconName = IconName.LayoutSidebar, ParentId = "5" },
84+
new (){ Id = "524", Text = "Sidebar 2", Href = DemoRouteConstants.Demos_URL_Sidebar2, IconName = IconName.ListNested, ParentId = "5" },
85+
new (){ Id = "525", Text = "Sortable List", Href = DemoRouteConstants.Demos_URL_SortableList, IconName = IconName.ArrowsMove, ParentId = "5" },
86+
new (){ Id = "526", Text = "Spinner", Href = DemoRouteConstants.Demos_URL_Spinners, IconName = IconName.ArrowRepeat, ParentId = "5" },
87+
new (){ Id = "527", Text = "Tabs", Href = DemoRouteConstants.Demos_URL_Tabs, IconName = IconName.WindowPlus, ParentId = "5" },
88+
new (){ Id = "528", Text = "Theme Switcher", Href = DemoRouteConstants.Demos_URL_ThemeSwitcher, IconName = IconName.NintendoSwitch, ParentId = "5" },
89+
new (){ Id = "529", Text = "Toasts", Href = DemoRouteConstants.Demos_URL_Toasts, IconName = IconName.ExclamationTriangleFill, ParentId = "5" },
90+
new (){ Id = "530", Text = "Tooltips", Href = DemoRouteConstants.Demos_URL_Tooltips, IconName = IconName.ChatSquareDotsFill, ParentId = "5" },
91+
92+
new (){ Id = "6", Text = "Data Visualization", IconName = IconName.BarChartFill, IconColor = IconColor.Warning },
93+
new (){ Id = "600", Text = "Bar Chart", Href = DemoRouteConstants.Demos_URL_BarChart, IconName = IconName.BarChartFill, ParentId = "6", Match = NavLinkMatch.All },
94+
new (){ Id = "601", Text = "Doughnut Chart", Href = DemoRouteConstants.Demos_URL_DoughnutChart, IconName = IconName.CircleFill, ParentId = "6", Match = NavLinkMatch.All },
95+
new (){ Id = "602", Text = "Line Chart", Href = DemoRouteConstants.Demos_URL_LineChart, IconName = IconName.GraphUp, ParentId = "6", Match = NavLinkMatch.All },
96+
new (){ Id = "603", Text = "Pie Chart", Href = DemoRouteConstants.Demos_URL_PieChart, IconName = IconName.PieChartFill, ParentId = "6", Match = NavLinkMatch.All },
97+
new (){ Id = "604", Text = "Polar Area Chart", Href = DemoRouteConstants.Demos_URL_PolarAreaChart, IconName = IconName.PieChartFill, ParentId = "6", Match = NavLinkMatch.All },
98+
new (){ Id = "605", Text = "Radar Chart", Href = DemoRouteConstants.Demos_URL_RadarChart, IconName = IconName.Radar, ParentId = "6", Match = NavLinkMatch.All },
99+
new (){ Id = "605", Text = "Scatter Chart", Href = DemoRouteConstants.Demos_URL_ScatterChart, IconName = IconName.GraphUpArrow, ParentId = "6", Match = NavLinkMatch.All },
100+
101+
new(){ Id = "7", Text = "Services", IconName = IconName.WrenchAdjustableCircleFill, IconColor = IconColor.Success },
102+
new (){ Id = "700", Text = "Modal Service", Href = DemoRouteConstants.Demos_URL_ModalService, IconName = IconName.WindowStack, ParentId = "7" },
103+
104+
new(){ Id = "19", Text = "Utilities", IconName = IconName.GearWideConnected, IconColor = IconColor.Info },
105+
new (){ Id = "1900", Text = "Color Utility", Href = DemoRouteConstants.Demos_URL_ColorUtils, IconName = IconName.Palette2, ParentId = "19" },
106+
};
107+
108+
return navItems;
109+
}
110+
}

0 commit comments

Comments
 (0)