From 8eb312715762e1a301b8509e1722b1eb2a69e0c2 Mon Sep 17 00:00:00 2001 From: Vikram Reddy Date: Mon, 4 Nov 2024 13:34:13 +0530 Subject: [PATCH] Documentation - code cleanup - inprogress --- .../Pages/AI/AIChat/AIChatDocumentation.razor | 31 +++--- .../Accordion/AccordionDocumentation.razor | 7 +- .../Pages/Alerts/AlertDocumentation.razor | 68 +++++++----- .../Pages/Badge/BadgeDocumentation.razor | 103 ++++++++++-------- .../Breadcrumb/BreadcrumbDocumentation.razor | 41 ++++--- .../Pages/Buttons/ButtonDocumentation.razor | 16 +-- .../Pages/Callout/CalloutDocumentation.razor | 16 +-- .../Pages/Card/CardDocumentation.razor | 16 +-- .../Carousel/CarouselDocumentation.razor | 14 ++- .../BarCharts/BarChartDocumentation.razor | 16 +-- .../Pages/Charts/ChartsDocumentation.razor | 16 +-- .../DoughnutChartDocumentation.razor | 18 ++- .../LineCharts/LineChartDocumentation.razor | 17 ++- .../PieCharts/PieChartDocumentation.razor | 16 +-- .../PolarAreaChartDocumentation.razor | 16 +-- .../RadarCharts/RadarChartDocumentation.razor | 17 ++- .../ScatterChartDocumentation.razor | 17 ++- .../Collapse/CollapseDocumentation.razor | 16 +-- .../ConfirmDialogDocumentation.razor | 16 +-- .../Dropdowns/DropdownDocumentation.razor | 16 +-- .../AutoCompleteDocumentation.razor | 17 ++- .../CurrencyInputDocumentation.razor | 17 ++- .../DateInput/DateInputDocumentation.razor | 18 ++- .../NumberInputDocumentation.razor | 17 ++- .../RangeInput/RangeInputDocumentation.razor | 17 ++- .../Form/Switch/SwitchDocumentation.razor | 17 ++- .../TimeInput/TimeInputDocumentation.razor | 18 ++- .../GettingStartedDocumentation.razor | 12 +- .../Grid_Overview_Documentation.razor | 12 +- .../Grid_DataBinding_Documentation.razor | 12 +- .../Grid_Filters_Documentation.razor | 12 +- .../04-paging/Grid_Paging_Documentation.razor | 14 ++- .../Grid_Sorting_Documentation.razor | 14 ++- .../Grid_Selection_Documentation.razor | 14 ++- .../Grid_Alignment_Documentation.razor | 12 +- .../Grid_GridSettings_Documentation.razor | 12 +- .../Grid_CustomCSSClass_Documentation.razor | 14 ++- .../10-events/Grid_Events_Documentation.razor | 12 +- .../Grid_Translations_Documentation.razor | 12 +- .../Grid_FixedHeader_Documentation.razor | 12 +- .../Grid_FreezeColumns_Documentation.razor | 14 ++- .../Grid_DetailView_Documentation.razor | 12 +- .../Grid_Nested_Documentation.razor | 12 +- .../99-other/Grid_Other_Documentation.razor | 14 ++- .../Pages/Icons/IconDocumentation.razor | 16 +-- .../Pages/Images/ImageDocumentation.razor | 14 ++- .../server/LayoutServerDocumentation.razor | 14 ++- .../LayoutWebAssemblyDocumentation.razor | 15 +-- .../Pages/Maps/GoogleMapDocumentation.razor | 16 +-- .../Markdown/MarkdownDocumentation.razor | 14 ++- .../Pages/Modal/ModalDocumentation.razor | 16 +-- .../Offcanvas/OffcanvasDocumentation.razor | 16 +-- .../Pagination/PaginationDocumentation.razor | 16 +-- .../PdfViewer/PdfViewerDocumentation.razor | 16 +-- .../PlaceholderDocumentation.razor | 16 +-- .../Pages/Preload/PreloadDocumentation.razor | 14 ++- .../Progress/ProgressDocumentation.razor | 14 ++- .../Pages/Ribbon/RibbonDocumentation.razor | 14 ++- .../ScriptLoaderDocumentation.razor | 16 +-- .../ModalServiceDocumentation.razor | 14 ++- .../Pages/Sidebar/SidebarDocumentation.razor | 16 +-- .../Sidebar2/Sidebar2Documentation.razor | 16 +-- .../SortableListDocumentation.razor | 16 +-- .../Spinners/SpinnersDocumentation.razor | 17 ++- .../Pages/Tabs/TabsDocumentation.razor | 16 +-- .../Pages/Toasts/ToastsDocumentation.razor | 14 ++- .../Tooltips/TooltipsDocumentation.razor | 13 ++- .../ColorUtil/ColorUtilDocumentation.razor | 17 ++- .../Constants/RouteConstants.cs | 4 + 69 files changed, 639 insertions(+), 561 deletions(-) diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/AI/AIChat/AIChatDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/AI/AIChat/AIChatDocumentation.razor index 559e797cd..fffd2c360 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/AI/AIChat/AIChatDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/AI/AIChat/AIChatDocumentation.razor @@ -1,21 +1,26 @@ -@page "/ai/open-ai-chat" +@attribute [Route(pageUrl)] -@title + - - -

Blazor Open AI Chat

-
Provide contextual feedback messages for typical user actions with a handful of available and flexible alert messages.
+ + @pageDescription + - -
Alerts are available for any length of text, as well as an optional close button. For proper styling, use one of the eight colors.
- +
+
Alerts are available for any length of text, as well as an optional close button. For proper styling, use one of the eight colors.
+ +
@code{ - private string pageUrl = "/ai/open-ai-chat"; - private string title = "Blazor Open AI Chat Component"; - private string description = "Provide contextual feedback messages for typical user actions with the handful of available and flexible Blazor Bootstrap alert messages."; // TODO: update - private string imageUrl = "https://i.imgur.com/FGgEMp6.jpg"; // TODO: update + private const string pageUrl = RouteConstants.Demos_AI_Chat_Documentation; + private const string pageTitle = "Blazor Open AI Chat Component"; + private const string pageDescription = "Provide contextual feedback messages for typical user actions with the handful of available and flexible Blazor Bootstrap alert messages."; // TODO: update + private const string metaTitle = "Blazor Open AI Chat Component"; + private const string metaDescription = "Provide contextual feedback messages for typical user actions with the handful of available and flexible Blazor Bootstrap alert messages."; // TODO: update + private const string imageUrl = "https://i.imgur.com/FGgEMp6.jpg"; // TODO: update } \ No newline at end of file diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Accordion/AccordionDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Accordion/AccordionDocumentation.razor index 44fa290ef..2aa5f2dea 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Accordion/AccordionDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Accordion/AccordionDocumentation.razor @@ -1,6 +1,9 @@ @attribute [Route(pageUrl)] - + @pageDescription @@ -110,7 +113,7 @@ @code { - private const string pageUrl = "/accordion"; + private const string pageUrl = RouteConstants.Demos_Accordion_Documentation; private const string pageTitle = "Blazor Accordion"; private const string pageDescription = "Build vertically collapsing accordions in combination with our Collapse component."; private const string metaTitle = "Blazor Accordion Component"; diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Alerts/AlertDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Alerts/AlertDocumentation.razor index b4e3cb65b..d49284a36 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Alerts/AlertDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Alerts/AlertDocumentation.razor @@ -1,48 +1,58 @@ -@page "/alerts" +@attribute [Route(pageUrl)] -@title + - - -

Blazor Alerts

-
Provide contextual feedback messages for typical user actions with a handful of available and flexible alert messages.
+ + @pageDescription + - -
Alerts are available for any length of text, as well as an optional close button. For proper styling, use one of the eight colors.
- +
+
Alerts are available for any length of text, as well as an optional close button. For proper styling, use one of the eight colors.
+ +
- -
Use the alert-link css class to quickly provide matching colored links within any alert.
- +
+
Use the alert-link css class to quickly provide matching colored links within any alert.
+ +
- -
Alerts can also contain additional HTML elements like headings, paragraphs and dividers.
- +
+
Alerts can also contain additional HTML elements like headings, paragraphs and dividers.
+ +
- -
Similarly, you can use Bootstrap Icons to create alerts with icons.
- +
+
Similarly, you can use Bootstrap Icons to create alerts with icons.
+ +
- -
1. Using the Dismissable="true", it’s possible to dismiss any alert inline.
- +
+
1. Using the Dismissable="true", it’s possible to dismiss any alert inline.
+ -
2. Manually we can close an alert with button click.
- +
2. Manually we can close an alert with button click.
+ +
When an alert is dismissed, the element is completely removed from the page structure. If a keyboard user dismisses the alert using the close button, their focus will suddenly be lost and, depending on the browser, reset to the start of the page/document. For this reason, we recommend subscribing to the OnClosed callback event and programmatically sets focus to the most appropriate location on the page. - - +
+ +
@code{ - private string pageUrl = "/alerts"; - private string title = "Blazor Alert Component"; - private string description = "Provide contextual feedback messages for typical user actions with the handful of available and flexible Blazor Bootstrap alert messages."; - private string imageUrl = "https://i.imgur.com/FGgEMp6.jpg"; + private const string pageUrl = RouteConstants.Demos_Alerts_Documentation; + private const string pageTitle = "Blazor Alert"; + private const string pageDescription = "Provide contextual feedback messages for typical user actions with the handful of available and flexible Blazor Bootstrap alert messages."; + private const string metaTitle = "Blazor Alert Component"; + private const string metaDescription = "Provide contextual feedback messages for typical user actions with the handful of available and flexible Blazor Bootstrap alert messages."; + private const string imageUrl = "https://i.imgur.com/FGgEMp6.jpg"; } \ No newline at end of file diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Badge/BadgeDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Badge/BadgeDocumentation.razor index 36b957c54..ae2137efd 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Badge/BadgeDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Badge/BadgeDocumentation.razor @@ -1,61 +1,70 @@ -@page "/badge" +@attribute [Route(pageUrl)] -@title + - - -

Blazor Badge

-
- The Blazor Bootstrap Badge component shows the small count and labels. -
+ + @pageDescription + - -
- Badges scale to match the size of the immediate parent element by using relative font sizing and em units. - As of now, badges no longer have focus or hover styles for links. -
- +
+
+ Badges scale to match the size of the immediate parent element by using relative font sizing and em units. + As of now, badges no longer have focus or hover styles for links. +
+ +
+ +
+ +
- - Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (e.g., the visible text) or is included through alternative means, such as additional text hidden with the VisuallyHiddenText parameter. - -
- Use the IndicatorType parameter to make badges more rounded with a larger border-radius. -
- - - -
- Badges can be used as part of links or buttons to provide a counter. -
- -
-

Note that depending on how they are used, badges may be confusing for users of screen readers and similar assistive technologies. While the styling of badges provides a visual cue as to their purpose, these users will simply be presented with the content of the badge. Depending on the specific situation, these badges may seem like random additional words or numbers at the end of a sentence, link, or button.

-

Unless the context is clear (as with the “Notifications” example, where it is understood that the “4” is the number of notifications), consider including additional context with a visually hidden piece of additional text.

-
- - -
- Use Position and Placement parameters to position it in the corner of a link or button. -
- - - -
- You can also replace the badge with a generic indicator without the count. -
- +
+
+ Use the IndicatorType parameter to make badges more rounded with a larger border-radius. +
+ +
+ +
+
+ Badges can be used as part of links or buttons to provide a counter. +
+ +
+

Note that depending on how they are used, badges may be confusing for users of screen readers and similar assistive technologies. While the styling of badges provides a visual cue as to their purpose, these users will simply be presented with the content of the badge. Depending on the specific situation, these badges may seem like random additional words or numbers at the end of a sentence, link, or button.

+

Unless the context is clear (as with the “Notifications” example, where it is understood that the “4” is the number of notifications), consider including additional context with a visually hidden piece of additional text.

+
+
+ +
+
+ Use Position and Placement parameters to position it in the corner of a link or button. +
+ +
+ +
+
+ You can also replace the badge with a generic indicator without the count. +
+ +
@code { - private string pageUrl = "/badge"; - private string title = "Blazor Badge Component"; - private string description = "The Blazor Bootstrap Badge component shows the small count and labels."; - private string imageUrl = "https://i.imgur.com/ux0sTs9.png"; + private const string pageUrl = "/badge"; + private const string pageTitle = "Blazor Badge"; + private const string pageDescription = "The Blazor Bootstrap Badge component shows the small count and labels."; + private const string metaTitle = "Blazor Badge Component"; + private const string metaDescription = "The Blazor Bootstrap Badge component shows the small count and labels."; + private const string imageUrl = "https://i.imgur.com/ux0sTs9.png"; } diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Breadcrumb/BreadcrumbDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Breadcrumb/BreadcrumbDocumentation.razor index 4c07d3e26..1190327fd 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Breadcrumb/BreadcrumbDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Breadcrumb/BreadcrumbDocumentation.razor @@ -1,28 +1,33 @@ -@page "/breadcrumb" +@attribute [Route(pageUrl)] -@title + - - -

Blazor Breadcrumb

-
- Indicate the current page's location within a navigational hierarchy that automatically adds separators. -
+ + @pageDescription + - - +
+ +
- - +
+ +
- - +
+ +
@code { - private string pageUrl = "/breadcrumb"; - private string title = "Blazor Breadcrumb Component"; - private string description = "Indicate the current page's location within a navigational hierarchy that automatically adds separators."; - private string imageUrl = "https://i.imgur.com/hO90HoC.jpg"; + private const string pageUrl = RouteConstants.Demos_Breadcrumb_Documentation; + private const string pageTitle = "Blazor Breadcrumb"; + private const string pageDescription = "Indicate the current page's location within a navigational hierarchy that automatically adds separators."; + private const string metaTitle = "Blazor Breadcrumb Component"; + private const string metaDescription = "Indicate the current page's location within a navigational hierarchy that automatically adds separators."; + private const string imageUrl = "https://i.imgur.com/hO90HoC.jpg"; } \ No newline at end of file diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Buttons/ButtonDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Buttons/ButtonDocumentation.razor index a64ee925a..fcd9bd931 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Buttons/ButtonDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Buttons/ButtonDocumentation.razor @@ -1,13 +1,13 @@ -@page "/buttons" +@attribute [Route(pageUrl)] -@title + - - -

Blazor Buttons

-
- Use Blazor Bootstrap button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more. -
+ + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Callout/CalloutDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Callout/CalloutDocumentation.razor index 56694fec9..ab7a6793f 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Callout/CalloutDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Callout/CalloutDocumentation.razor @@ -1,13 +1,13 @@ -@page "/callout" +@attribute [Route(pageUrl)] -@title + - - -

Blazor Callout

-
- Blazor Bootstrap callout component provides presentation of content in a visually distinct manner. Includes a heading, icon and typically text-based content. -
+ + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Card/CardDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Card/CardDocumentation.razor index 8e219ac78..ebc8a781a 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Card/CardDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Card/CardDocumentation.razor @@ -1,13 +1,13 @@ -@page "/card" +@attribute [Route(pageUrl)] -@title + - - -

Blazor Card

-
- BootstrapBootstrap's cards provide a flexible and extensible content container with multiple variants and options. -
+ + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Carousel/CarouselDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Carousel/CarouselDocumentation.razor index 68900b6be..58094ff22 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Carousel/CarouselDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Carousel/CarouselDocumentation.razor @@ -1,11 +1,13 @@ -@page "/carousel" +@attribute [Route(pageUrl)] -@title + - - -

Blazor Carousel

-
Blazor Carousel component is a slideshow component that cycles through elements, images, or slides of text.
+ + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/BarCharts/BarChartDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/BarCharts/BarChartDocumentation.razor index fc7545311..1de4dba79 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/BarCharts/BarChartDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/BarCharts/BarChartDocumentation.razor @@ -1,13 +1,13 @@ -@page "/charts/bar-chart" +@attribute [Route(pageUrl)] -@title + - - -

Blazor Bar Chart

-
- A Blazor Bootstrap bar chart component is used to represent data values as vertical bars. It is sometimes used to show trend data and to compare multiple data sets side by side. -
+ + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/ChartsDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/ChartsDocumentation.razor index 72500efca..2b136c4a9 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/ChartsDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/ChartsDocumentation.razor @@ -1,13 +1,13 @@ -@page "/charts" +@attribute [Route(pageUrl)] -@title + - - -

Blazor Charts

-
- Blazor Bootstrap charts are well-designed chart components on top of Chart.js to visualize data. It contains a rich UI gallery of charts that cater to all charting scenarios. Its high performance helps render large amounts of data quickly. -
+ + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/DoughnutCharts/DoughnutChartDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/DoughnutCharts/DoughnutChartDocumentation.razor index 9ad629541..2d6dd83cd 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/DoughnutCharts/DoughnutChartDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/DoughnutCharts/DoughnutChartDocumentation.razor @@ -1,15 +1,13 @@ -@page "/charts/doughnut-chart" +@attribute [Route(pageUrl)] -@title + - - -

Blazor Doughnut Chart

-
- A Blazor Bootstrap donut chart component is a circular chart that shows the proportional values of different categories. - It is similar to a pie chart, but the center of the donut chart is hollow. - This makes it easier to see the individual values of each category. -
+ + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/LineCharts/LineChartDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/LineCharts/LineChartDocumentation.razor index 42c108642..d5130001d 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/LineCharts/LineChartDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/LineCharts/LineChartDocumentation.razor @@ -1,14 +1,13 @@ -@page "/charts/line-chart" +@attribute [Route(pageUrl)] -@title + - - -

Blazor Line Chart

-
- A Blazor Bootstrap line chart component is a graphical representation of data that uses a series of connected points to show how the data changes over time. - It is a type of x-y chart, where the x-axis represents the independent variable, such as time, and the y-axis represents the dependent variable, such as the value. -
+ + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/PieCharts/PieChartDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/PieCharts/PieChartDocumentation.razor index 48d98f22b..810eb1bfa 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/PieCharts/PieChartDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/PieCharts/PieChartDocumentation.razor @@ -1,13 +1,13 @@ -@page "/charts/pie-chart" +@attribute [Route(pageUrl)] -@title + - - -

Blazor Pie Chart

-
- A Blazor Bootstrap pie chart component is a circular chart that shows the proportional values of different categories. -
+ + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/PolarAreaCharts/PolarAreaChartDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/PolarAreaCharts/PolarAreaChartDocumentation.razor index dd35946f6..dab253a8f 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/PolarAreaCharts/PolarAreaChartDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/PolarAreaCharts/PolarAreaChartDocumentation.razor @@ -1,13 +1,13 @@ -@page "/charts/polar-area-chart" +@attribute [Route(pageUrl)] -@title + - - -

Blazor Polar Area Chart

-
- A Blazor Bootstrap polar area charts are similar to pie charts, but each segment has the same angle - the radius of the segment differs depending on the value. -
+ + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/RadarCharts/RadarChartDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/RadarCharts/RadarChartDocumentation.razor index 9b0913fb6..4e1679f54 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/RadarCharts/RadarChartDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/RadarCharts/RadarChartDocumentation.razor @@ -1,14 +1,13 @@ -@page "/charts/radar-chart" +@attribute [Route(pageUrl)] -@title + - - -

Blazor Radar Chart

-
- A Blazor Bootstrap radar chart component is a way of showing multiple data points and the variation between them. - They are often useful for comparing the points of two or more different data sets. -
+ + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/ScatterCharts/ScatterChartDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/ScatterCharts/ScatterChartDocumentation.razor index 84558339f..fcfe0dccd 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/ScatterCharts/ScatterChartDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/ScatterCharts/ScatterChartDocumentation.razor @@ -1,14 +1,13 @@ -@page "/charts/scatter-chart" +@attribute [Route(pageUrl)] -@title + - - -

Blazor Scatter Chart

-
- A Blazor Bootstrap scatter chart components are based on basic line charts with the x-axis changed to a linear axis. - To use a scatter chart, data must be passed as objects containing X and Y properties. -
+ + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Collapse/CollapseDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Collapse/CollapseDocumentation.razor index 461210bb5..f7a53ae23 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Collapse/CollapseDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Collapse/CollapseDocumentation.razor @@ -1,13 +1,13 @@ -@page "/collapse" +@attribute [Route(pageUrl)] -@title + - - -

Blazor Collapse

-
- Toggle the visibility of content across your project with the Blazor Bootstrap Collapse component. -
+ + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/ConfirmDialog/ConfirmDialogDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/ConfirmDialog/ConfirmDialogDocumentation.razor index d3671d7cc..0da52455a 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/ConfirmDialog/ConfirmDialogDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/ConfirmDialog/ConfirmDialogDocumentation.razor @@ -1,13 +1,13 @@ -@page "/confirm-dialog" +@attribute [Route(pageUrl)] -@title + - - -

Blazor Confirm Dialog

-
- Use Blazor Bootstrap confirm dialog component if you want the user to verify or accept something. -
+ + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Dropdowns/DropdownDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Dropdowns/DropdownDocumentation.razor index 293fd34dc..594b5d888 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Dropdowns/DropdownDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Dropdowns/DropdownDocumentation.razor @@ -1,13 +1,13 @@ -@page "/dropdown" +@attribute [Route(pageUrl)] -@title + - - -

Blazor Dropdown

-
- Dropdowns are toggleable, contextual overlays for displaying lists of links and more. They are toggled by clicking, not by hovering; this is an intentional design decision'by bootstrap. -
+ + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Form/AutoComplete/AutoCompleteDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Form/AutoComplete/AutoCompleteDocumentation.razor index 40eb7b515..613f7d982 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Form/AutoComplete/AutoCompleteDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Form/AutoComplete/AutoCompleteDocumentation.razor @@ -1,14 +1,13 @@ -@page "/autocomplete" -@page "/form/autocomplete" +@attribute [Route(pageUrl)] -@title + - - -

Blazor Auto Complete

-
- Blazor Bootstrap autocomplete component is a textbox that offers the users suggestions as they type from the data source. And it supports client-side and server-side filtering. -
+ + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Form/CurrencyInput/CurrencyInputDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Form/CurrencyInput/CurrencyInputDocumentation.razor index ec53dcc37..ecf295ee8 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Form/CurrencyInput/CurrencyInputDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Form/CurrencyInput/CurrencyInputDocumentation.razor @@ -1,14 +1,13 @@ -@page "/currency-input" -@page "/form/currency-input" +@attribute [Route(pageUrl)] -@title + - - -

Blazor Currency Input

-
- Use the Blazor Bootstrap CurrencyInput component to show the numbers in the user's locale format, including the currency symbol. -
+ + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Form/DateInput/DateInputDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Form/DateInput/DateInputDocumentation.razor index 02d1219f0..c43ccc15b 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Form/DateInput/DateInputDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Form/DateInput/DateInputDocumentation.razor @@ -1,15 +1,13 @@ -@page "/date-input" -@page "/form/date-input" +@attribute [Route(pageUrl)] -@title + - - -

Blazor Date Input

-
- The Blazor Bootstrap DateInput component is constructed using an HTML input of type="date" which limits user input based on pre-defined parameters. - This component enables users to input a date using a text box with validation or a special date picker interface. -
+ + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Form/NumberInput/NumberInputDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Form/NumberInput/NumberInputDocumentation.razor index 7ed206b6c..a22303647 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Form/NumberInput/NumberInputDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Form/NumberInput/NumberInputDocumentation.razor @@ -1,14 +1,13 @@ -@page "/number-input" -@page "/form/number-input" +@attribute [Route(pageUrl)] -@title + - - -

Blazor Number Input

-
- Blazor Bootstrap NumberInput component is built around HTML input of type="number" that prevents the user input based on the parameters set. -
+ + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Form/RangeInput/RangeInputDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Form/RangeInput/RangeInputDocumentation.razor index 26f59729f..08574473d 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Form/RangeInput/RangeInputDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Form/RangeInput/RangeInputDocumentation.razor @@ -1,14 +1,13 @@ -@page "/range-input" -@page "/form/range-input" +@attribute [Route(pageUrl)] -@title + - - -

Blazor Range Input

-
- Blazor Bootstrap RangeInput component is built around HTML input of type="range". -
+ + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Form/Switch/SwitchDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Form/Switch/SwitchDocumentation.razor index 8441e4110..3836d963c 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Form/Switch/SwitchDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Form/Switch/SwitchDocumentation.razor @@ -1,14 +1,13 @@ -@page "/switch" -@page "/form/switch" +@attribute [Route(pageUrl)] -@title + - - -

Blazor Switch

-
- Use the Blazor Bootstrap Switch component to show the consistent cross-browser and cross-device custom checkboxes. -
+ + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Form/TimeInput/TimeInputDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Form/TimeInput/TimeInputDocumentation.razor index 238d683eb..a321b49be 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Form/TimeInput/TimeInputDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Form/TimeInput/TimeInputDocumentation.razor @@ -1,15 +1,13 @@ -@page "/time-input" -@page "/form/time-input" +@attribute [Route(pageUrl)] -@title + - - -

Blazor Time Input

-
- The Blazor Bootstrap TimeInput component is constructed using an HTML input of type="time" which limits user input based on pre-defined parameters. - This component enables users to input a time using a text box with validation or a special time picker interface. -
+ + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/GettingStarted/GettingStartedDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/GettingStarted/GettingStartedDocumentation.razor index b401c91b9..ce0b9c3e0 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/GettingStarted/GettingStartedDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/GettingStarted/GettingStartedDocumentation.razor @@ -3,12 +3,16 @@ @page "/getting-started/blazor-server" @page "/getting-started/maui-blazor" -@title +@attribute [Route(pageUrl)] - + -

Getting started - Blazor Bootstrap

-
Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.
+ + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/01-Overview/Grid_Overview_Documentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/01-Overview/Grid_Overview_Documentation.razor index 0a832a33d..1a11b00cf 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/01-Overview/Grid_Overview_Documentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/01-Overview/Grid_Overview_Documentation.razor @@ -1,12 +1,14 @@ @attribute [Route(pageUrl)] @attribute [Route(pageUrl2)] -@title + - - -

@heading

-
@description
+ + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/02-data-binding/Grid_DataBinding_Documentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/02-data-binding/Grid_DataBinding_Documentation.razor index a13fba2a3..acfa2c3ff 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/02-data-binding/Grid_DataBinding_Documentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/02-data-binding/Grid_DataBinding_Documentation.razor @@ -1,11 +1,13 @@ @attribute [Route(pageUrl)] -@title + - - -

@heading

-
@description
+ + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/03-filters/Grid_Filters_Documentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/03-filters/Grid_Filters_Documentation.razor index 855ba0448..c33ba5353 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/03-filters/Grid_Filters_Documentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/03-filters/Grid_Filters_Documentation.razor @@ -1,11 +1,13 @@ @attribute [Route(pageUrl)] -@title + - - -

@heading

-
@description
+ + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/04-paging/Grid_Paging_Documentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/04-paging/Grid_Paging_Documentation.razor index 4422b0631..961ccb1ab 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/04-paging/Grid_Paging_Documentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/04-paging/Grid_Paging_Documentation.razor @@ -1,11 +1,13 @@ @attribute [Route(pageUrl)] -@title - - - -

@heading

-
@description
+ + + + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/05-sorting/Grid_Sorting_Documentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/05-sorting/Grid_Sorting_Documentation.razor index 0c204c2d0..cf763295c 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/05-sorting/Grid_Sorting_Documentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/05-sorting/Grid_Sorting_Documentation.razor @@ -1,11 +1,13 @@ @attribute [Route(pageUrl)] -@title - - - -

@heading

-
@description
+ + + + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/06-selection/Grid_Selection_Documentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/06-selection/Grid_Selection_Documentation.razor index 636670bf2..db9c1e8a3 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/06-selection/Grid_Selection_Documentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/06-selection/Grid_Selection_Documentation.razor @@ -1,11 +1,13 @@ @attribute [Route(pageUrl)] -@title - - - -

@heading

-
@description
+ + + + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/07-alignment/Grid_Alignment_Documentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/07-alignment/Grid_Alignment_Documentation.razor index 97af142f5..dc46ce743 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/07-alignment/Grid_Alignment_Documentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/07-alignment/Grid_Alignment_Documentation.razor @@ -1,11 +1,13 @@ @attribute [Route(pageUrl)] -@title + - - -

@heading

-
@description
+ + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/08-grid-settings/Grid_GridSettings_Documentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/08-grid-settings/Grid_GridSettings_Documentation.razor index 311dbe4e7..289aeddc0 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/08-grid-settings/Grid_GridSettings_Documentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/08-grid-settings/Grid_GridSettings_Documentation.razor @@ -1,11 +1,13 @@ @attribute [Route(pageUrl)] -@title + - - -

@heading

-
@description
+ + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/09-custom-css-class/Grid_CustomCSSClass_Documentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/09-custom-css-class/Grid_CustomCSSClass_Documentation.razor index c4b78f0f9..e898d0681 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/09-custom-css-class/Grid_CustomCSSClass_Documentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/09-custom-css-class/Grid_CustomCSSClass_Documentation.razor @@ -1,11 +1,13 @@ @attribute [Route(pageUrl)] -@title - - - -

@heading

-
@description
+ + + + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/10-events/Grid_Events_Documentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/10-events/Grid_Events_Documentation.razor index bd02c9ad3..913d7614d 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/10-events/Grid_Events_Documentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/10-events/Grid_Events_Documentation.razor @@ -1,11 +1,13 @@ @attribute [Route(pageUrl)] -@title + - - -

@heading

-
@description
+ + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/11-translations/Grid_Translations_Documentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/11-translations/Grid_Translations_Documentation.razor index 97a474e11..e74ec6d24 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/11-translations/Grid_Translations_Documentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/11-translations/Grid_Translations_Documentation.razor @@ -1,11 +1,13 @@ @attribute [Route(pageUrl)] -@title + - - -

@heading

-
@description
+ + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/12-fixed-header/Grid_FixedHeader_Documentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/12-fixed-header/Grid_FixedHeader_Documentation.razor index b45318bfc..7ba71a42f 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/12-fixed-header/Grid_FixedHeader_Documentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/12-fixed-header/Grid_FixedHeader_Documentation.razor @@ -1,11 +1,13 @@ @attribute [Route(pageUrl)] -@title + - - -

@heading

-
@description
+ + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/13-freeze-columns/Grid_FreezeColumns_Documentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/13-freeze-columns/Grid_FreezeColumns_Documentation.razor index ca0ffdfb6..873f7e789 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/13-freeze-columns/Grid_FreezeColumns_Documentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/13-freeze-columns/Grid_FreezeColumns_Documentation.razor @@ -1,11 +1,13 @@ @attribute [Route(pageUrl)] -@title - - - -

@heading

-
@description
+ + + + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/14-detail-view/Grid_DetailView_Documentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/14-detail-view/Grid_DetailView_Documentation.razor index beae70930..a3c883c12 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/14-detail-view/Grid_DetailView_Documentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/14-detail-view/Grid_DetailView_Documentation.razor @@ -1,11 +1,13 @@ @attribute [Route(pageUrl)] -@title + - - -

@heading

-
@description
+ + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/15-nested-grid/Grid_Nested_Documentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/15-nested-grid/Grid_Nested_Documentation.razor index 6203010cd..88804eebd 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/15-nested-grid/Grid_Nested_Documentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/15-nested-grid/Grid_Nested_Documentation.razor @@ -1,11 +1,13 @@ @attribute [Route(pageUrl)] -@title + - - -

@heading

-
@description
+ + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/99-other/Grid_Other_Documentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/99-other/Grid_Other_Documentation.razor index 78ea5abce..442e234e2 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/99-other/Grid_Other_Documentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/99-other/Grid_Other_Documentation.razor @@ -1,11 +1,13 @@ @attribute [Route(pageUrl)] -@title - - - -

@heading

-
@description
+ + + + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Icons/IconDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Icons/IconDocumentation.razor index 16fe2dd63..d2eb577fb 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Icons/IconDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Icons/IconDocumentation.razor @@ -1,13 +1,13 @@ -@page "/icons" +@attribute [Route(pageUrl)] -@title + - - -

Blazor Icons

-
- The Icon component will display an icon from any icon font. -
+ + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Images/ImageDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Images/ImageDocumentation.razor index 37e14c4c0..fc7513a46 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Images/ImageDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Images/ImageDocumentation.razor @@ -1,11 +1,13 @@ -@page "/images" +@attribute [Route(pageUrl)] -@title + - - -

Blazor Images

-
Documentation and examples for opting images into responsive behavior (so they never become wider than their parent) and add lightweight styles to them.
+ + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Layout/server/LayoutServerDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Layout/server/LayoutServerDocumentation.razor index e61f9d137..8677bbaf6 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Layout/server/LayoutServerDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Layout/server/LayoutServerDocumentation.razor @@ -1,11 +1,13 @@ -@page "/layout-setup/blazor-server" +@attribute [Route(pageUrl)] -@title + - - -

Layout Setup - Blazor Server

-
Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.
+ + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Layout/webassembly/LayoutWebAssemblyDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Layout/webassembly/LayoutWebAssemblyDocumentation.razor index edd649b98..fb7fb3834 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Layout/webassembly/LayoutWebAssemblyDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Layout/webassembly/LayoutWebAssemblyDocumentation.razor @@ -1,12 +1,13 @@ -@page "/layout" -@page "/layout-setup/blazor-webassembly" +@attribute [Route(pageUrl)] -@title + - - -

Layout Setup - Blazor WebAssembly

-
Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.
+ + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Maps/GoogleMapDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Maps/GoogleMapDocumentation.razor index 52b638cad..c09493344 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Maps/GoogleMapDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Maps/GoogleMapDocumentation.razor @@ -1,13 +1,13 @@ -@page "/google-map" +@attribute [Route(pageUrl)] -@title + - - -

Blazor Google Map

-
- Blazor Bootstrap Google Map component will create maps to show locations anywhere in the world using the Google JavaScript API. -
+ + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Markdown/MarkdownDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Markdown/MarkdownDocumentation.razor index c0236bd22..2a3ca259e 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Markdown/MarkdownDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Markdown/MarkdownDocumentation.razor @@ -1,11 +1,13 @@ -@page "/markdown" +@attribute [Route(pageUrl)] -@title + - - -

Blazor Markdown Preview

-
Use Blazor Bootstrap Markdown component to add formatting, tables, images, and more to your project pages.
+ + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Modal/ModalDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Modal/ModalDocumentation.razor index ee779d579..8e920f2c1 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Modal/ModalDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Modal/ModalDocumentation.razor @@ -1,13 +1,13 @@ -@page "/modals" +@attribute [Route(pageUrl)] -@title + - - -

Blazor Modal

-
- Use Blazor Bootstrap modal component to add dialogs to your site for lightboxes, user notifications, or completely custom content. -
+ + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Offcanvas/OffcanvasDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Offcanvas/OffcanvasDocumentation.razor index 5fd4b28ef..1bc8d7c05 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Offcanvas/OffcanvasDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Offcanvas/OffcanvasDocumentation.razor @@ -1,13 +1,13 @@ -@page "/offcanvas" +@attribute [Route(pageUrl)] -@title + - - -

Blazor Offcanvas

-
- Build hidden sidebars into your project for navigation, shopping carts, and more with a offcanvas component. -
+ + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Pagination/PaginationDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Pagination/PaginationDocumentation.razor index 867508b90..f7f4114fc 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Pagination/PaginationDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Pagination/PaginationDocumentation.razor @@ -1,13 +1,13 @@ -@page "/pagination" +@attribute [Route(pageUrl)] -@title + - - -

Blazor Pagination

-
- Documentation and examples for showing pagination to indicate a series of related content exists across multiple pages. -
+ + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/PdfViewer/PdfViewerDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/PdfViewer/PdfViewerDocumentation.razor index 1fc391789..3faed9e59 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/PdfViewer/PdfViewerDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/PdfViewer/PdfViewerDocumentation.razor @@ -1,13 +1,13 @@ -@page "/pdf-viewer" +@attribute [Route(pageUrl)] -@title + - - -

Blazor PDF Viewer

-
- The Blazor PDF Viewer component allows users to view PDF files directly in the browser, without relying on third-party browser tools or extensions. -
+ + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Placeholders/PlaceholderDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Placeholders/PlaceholderDocumentation.razor index 895f57f62..15b324458 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Placeholders/PlaceholderDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Placeholders/PlaceholderDocumentation.razor @@ -1,13 +1,13 @@ -@page "/placeholders" +@attribute [Route(pageUrl)] -@title + - - -

Blazor Placeholders

-
- Use Blazor Bootstrap loading placeholders for your components or pages to indicate something may still be loading. -
+ + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Preload/PreloadDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Preload/PreloadDocumentation.razor index e5c70fded..9f639f8e9 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Preload/PreloadDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Preload/PreloadDocumentation.razor @@ -1,11 +1,13 @@ -@page "/preload" +@attribute [Route(pageUrl)] -@title + - - -

Blazor Preload

-
Indicate the loading state of a page with Blazor Bootstrap preload component.
+ + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Progress/ProgressDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Progress/ProgressDocumentation.razor index be31a0133..10efb94cc 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Progress/ProgressDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Progress/ProgressDocumentation.razor @@ -1,11 +1,13 @@ -@page "/progress" +@attribute [Route(pageUrl)] -@title + - - -

Blazor Progress

-
Documentation and examples for using the Blazor Progress component featuring support for stacked bars, animated backgrounds, and text labels.
+ + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Ribbon/RibbonDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Ribbon/RibbonDocumentation.razor index 3bd21f10e..aeb4e79b8 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Ribbon/RibbonDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Ribbon/RibbonDocumentation.razor @@ -1,11 +1,13 @@ -@page "/ribbon" +@attribute [Route(pageUrl)] -@title + - - -

Blazor Ribbon

-
Documentation and examples for using the Blazor Bootstrap Ribbon component.
+ + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/ScriptLoader/ScriptLoaderDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/ScriptLoader/ScriptLoaderDocumentation.razor index 075f4d2ea..26906a402 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/ScriptLoader/ScriptLoaderDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/ScriptLoader/ScriptLoaderDocumentation.razor @@ -1,13 +1,13 @@ -@page "/script-loader" +@attribute [Route(pageUrl)] -@title + - - -

Blazor Script Loader

-
- Documentation and examples for using the Blazor Bootstrap Script Loader component. -
+ + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Services/ModalService/ModalServiceDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Services/ModalService/ModalServiceDocumentation.razor index 29c7ddd05..a2a51f91d 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Services/ModalService/ModalServiceDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Services/ModalService/ModalServiceDocumentation.razor @@ -1,11 +1,13 @@ -@page "/modal-service" +@attribute [Route(pageUrl)] -@title + - - -

Blazor Modal Service

-
Use Blazor Bootstrap modal service to show quick dialogs to your site for lightboxes, user notifications, or completely custom content.
+ + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Sidebar/SidebarDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Sidebar/SidebarDocumentation.razor index 3a2a9388e..d963ff954 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Sidebar/SidebarDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Sidebar/SidebarDocumentation.razor @@ -1,13 +1,13 @@ -@page "/sidebar" +@attribute [Route(pageUrl)] -@title + - - -

Blazor Sidebar

-
- Use the Blazor Bootstrap Sidebar component to show consistent cross-browser, responsive and cross-device navigation links, additional information, or other content. -
+ + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Sidebar2/Sidebar2Documentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Sidebar2/Sidebar2Documentation.razor index 7146edeef..f0eccbc44 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Sidebar2/Sidebar2Documentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Sidebar2/Sidebar2Documentation.razor @@ -1,13 +1,13 @@ -@page "/sidebar2" +@attribute [Route(pageUrl)] -@title + - - -

Blazor Sidebar2

-
- Use the Blazor Bootstrap Sidebar2 component to display consistent, cross-browser, and responsive navigation links that support more than two nested levels. -
+ + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/SortableList/SortableListDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/SortableList/SortableListDocumentation.razor index 15c7f96ef..ed48e0d04 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/SortableList/SortableListDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/SortableList/SortableListDocumentation.razor @@ -1,13 +1,13 @@ -@page "/sortable-list" +@attribute [Route(pageUrl)] -@title + - - -

Blazor Sortable List

-
- The Blazor Bootstrap Sortable List component, built on top of SortableJS, enables drag-and-drop reordering of lists. -
+ + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Spinners/SpinnersDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Spinners/SpinnersDocumentation.razor index 8a6d1c216..8954cfb60 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Spinners/SpinnersDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Spinners/SpinnersDocumentation.razor @@ -1,14 +1,13 @@ -@page "/spinner" -@page "/spinners" +@attribute [Route(pageUrl)] -@title + - - -

Blazor Spinners

-
- Visualize the loading state of a component or page using the Blazor Bootstrap Spinner component. -
+ + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Tabs/TabsDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Tabs/TabsDocumentation.razor index 2814df67f..db1733544 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Tabs/TabsDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Tabs/TabsDocumentation.razor @@ -1,13 +1,13 @@ -@page "/tabs" +@attribute [Route(pageUrl)] -@title + - - -

Blazor Tabs

-
- Documentation and examples for using Blazor Bootstrap Tabs components. -
+ + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Toasts/ToastsDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Toasts/ToastsDocumentation.razor index d48488e8d..b78648cc7 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Toasts/ToastsDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Toasts/ToastsDocumentation.razor @@ -1,11 +1,13 @@ -@page "/toasts" +@attribute [Route(pageUrl)] -@title + - - -

Blazor Toasts

-
Push notifications to your visitors with a toast, a lightweight and easily customizable alert message.
+ + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Tooltips/TooltipsDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Tooltips/TooltipsDocumentation.razor index a51a7f360..838a48291 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Tooltips/TooltipsDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Tooltips/TooltipsDocumentation.razor @@ -1,10 +1,13 @@ -@page "/tooltips" +@attribute [Route(pageUrl)] -@title + - - -

Blazor Tooltips

+ + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Utils/ColorUtil/ColorUtilDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Utils/ColorUtil/ColorUtilDocumentation.razor index beb0a7057..8411a49c3 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Utils/ColorUtil/ColorUtilDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Utils/ColorUtil/ColorUtilDocumentation.razor @@ -1,14 +1,13 @@ -@page "/utils/color-utility" +@attribute [Route(pageUrl)] -@title + - - -

Blazor Bootstrap Color Utils

-
- For data visualization, you can use the predefined palettes ColorUtility.CategoricalSixColors for a 6-color palette and ColorUtility.CategoricalTwelveColors for a 12-color palette. - These palettes offer a range of distinct and visually appealing colors that can be applied to represent different categories or data elements in your visualizations. -
+ + @pageDescription + diff --git a/BlazorBootstrap.Demo.RCL/Constants/RouteConstants.cs b/BlazorBootstrap.Demo.RCL/Constants/RouteConstants.cs index 7f0dad8a4..59aef9205 100644 --- a/BlazorBootstrap.Demo.RCL/Constants/RouteConstants.cs +++ b/BlazorBootstrap.Demo.RCL/Constants/RouteConstants.cs @@ -8,6 +8,10 @@ public static class RouteConstants #region Demos + // AI + public const string Demos_AI_Prefix = Demos_Prefix + "/ai"; + public const string Demos_AI_Chat_Documentation = Demos_AI_Prefix + "/open-ai-chat"; + // Content public const string Demos_Icons_Documentation = Demos_Prefix + "/icons"; public const string Demos_Images_Documentation = Demos_Prefix + "/images";