diff --git a/BlazorBootstrap.Demo.Hosted/Client/wwwroot/appsettings.json b/BlazorBootstrap.Demo.Hosted/Client/wwwroot/appsettings.json index 33c1843c0..5b3794f71 100644 --- a/BlazorBootstrap.Demo.Hosted/Client/wwwroot/appsettings.json +++ b/BlazorBootstrap.Demo.Hosted/Client/wwwroot/appsettings.json @@ -1,7 +1,7 @@ { - "version": "3.0.0-preview.3", + "version": "3.0.0", "release": { - "short_description": "New Radar Chart and Scatter Chart Components and Other Improvements!!!" + "short_description": "New Carousel, Google Map, Image, Polar Area Chart, Radar Chart, Scatter Chart components, and other improvements!!!" }, "urls": { "docs": "//docs.blazorbootstrap.com/docs/getting-started/blazor-webassembly", diff --git a/BlazorBootstrap.Demo.RCL/Components/Layout/MainLayout.razor b/BlazorBootstrap.Demo.RCL/Components/Layout/MainLayout.razor index 906a85f61..a81e746b9 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Layout/MainLayout.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Layout/MainLayout.razor @@ -9,7 +9,6 @@ Title="Blazor Bootstrap" BadgeText="@Version" DataProvider="Sidebar2DataProvider" - Width="326" WidthUnit="Unit.Px" />
diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Index.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Index.razor index d14856e41..bd7d29580 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Index.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Index.razor @@ -127,7 +127,7 @@
-

Images

+

Images New
@@ -187,7 +187,7 @@
-

Sidebar

+

Sidebar Updated
@@ -212,7 +212,7 @@
-

Tabs

+

Tabs Updated
@@ -305,7 +305,7 @@
-

Polar Area Chart Updated

+

Polar Area Chart New
diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Maps/GoogleMapDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Maps/GoogleMapDocumentation.razor index 2b9759f02..26426566f 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Maps/GoogleMapDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Maps/GoogleMapDocumentation.razor @@ -1,4 +1,4 @@ -@page "/google-maps" +@page "/google-map" @title @@ -60,7 +60,7 @@ @code { - private string pageUrl = "/google-maps"; + private string pageUrl = "/google-map"; private string title = "Blazor Google Map Component"; private string description = "Blazor Bootstrap Google Map component will create maps to show locations anywhere in the world using the Google JavaScript API."; private string imageUrl = "https://i.imgur.com/AbyDP51.png"; diff --git a/BlazorBootstrap.Demo.Server/appsettings.json b/BlazorBootstrap.Demo.Server/appsettings.json index e9144a78e..0fc7e90f8 100644 --- a/BlazorBootstrap.Demo.Server/appsettings.json +++ b/BlazorBootstrap.Demo.Server/appsettings.json @@ -6,9 +6,9 @@ } }, "AllowedHosts": "*", - "version": "3.0.0-preview.3", + "version": "3.0.0", "release": { - "short_description": "New Radar Chart and Scatter Chart Components and Other Improvements!!!" + "short_description": "New Carousel, Google Map, Image, Polar Area Chart, Radar Chart, Scatter Chart components, and other improvements!!!" }, "urls": { "docs": "//docs.blazorbootstrap.com/getting-started/blazor-webassembly-net-8", diff --git a/BlazorBootstrap.Demo.WebAssembly/wwwroot/appsettings.json b/BlazorBootstrap.Demo.WebAssembly/wwwroot/appsettings.json index e0d887794..0475051b5 100644 --- a/BlazorBootstrap.Demo.WebAssembly/wwwroot/appsettings.json +++ b/BlazorBootstrap.Demo.WebAssembly/wwwroot/appsettings.json @@ -1,7 +1,7 @@ { - "version": "3.0.0-preview.3", + "version": "3.0.0", "release": { - "short_description": "New Radar Chart and Scatter Chart Components and Other Improvements!!!" + "short_description": "New Carousel, Google Map, Image, Polar Area Chart, Radar Chart, Scatter Chart components, and other improvements!!!" }, "urls": { "docs": "//docs.blazorbootstrap.com/getting-started/blazor-webassembly-net-8", diff --git a/README.md b/README.md index eb1edff2c..4dda45698 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@ 

- Blazor Bootstrap logo + Blazor Bootstrap logo

@@ -41,7 +41,7 @@ ## Install -Install with [NuGet](https://www.nuget.org/): `Install-Package Blazor.Bootstrap -Version 3.0.0-preview.3` +Install with [NuGet](https://www.nuget.org/): `Install-Package Blazor.Bootstrap -Version 3.0.0` ## Install Blazor Bootstrap templates @@ -63,6 +63,7 @@ Install [Blazor Bootstrap templates](https://github.com/vikramlearning/blazorboo | Buttons | [Docs](https://docs.blazorbootstrap.com/components/buttons) | [Demos](https://demos.blazorbootstrap.com/buttons) | | Callout | [Docs](https://docs.blazorbootstrap.com/components/callout) | [Demos](https://demos.blazorbootstrap.com/callout) | | Card | [Docs](https://docs.blazorbootstrap.com/components/card) | [Demos](https://demos.blazorbootstrap.com/card) | +| Carousel | [Docs](https://docs.blazorbootstrap.com/components/carousel) | [Demos](https://demos.blazorbootstrap.com/carousel) | | Charts: Bar chart | [Docs](https://docs.blazorbootstrap.com/data-visualization/bar-chart) | [Demos](https://demos.blazorbootstrap.com/charts/bar-chart) | | Charts: Doughnut chart | [Docs](https://docs.blazorbootstrap.com/data-visualization/doughnut-chart) | [Demos](https://demos.blazorbootstrap.com/charts/doughnut-chart) | | Charts: Line chart | [Docs](https://docs.blazorbootstrap.com/data-visualization/line-chart) | [Demos](https://demos.blazorbootstrap.com/charts/line-chart) | @@ -75,6 +76,7 @@ Install [Blazor Bootstrap templates](https://github.com/vikramlearning/blazorboo | Currency Input | [Docs](https://docs.blazorbootstrap.com/forms/currency-input) | [Demos](https://demos.blazorbootstrap.com/form/currency-input) | | Date Input | [Docs](https://docs.blazorbootstrap.com/forms/date-input) | [Demos](https://demos.blazorbootstrap.com/form/date-input) | | Dropdown | [Docs](https://docs.blazorbootstrap.com/components/dropdown) | [Demos](https://demos.blazorbootstrap.com/dropdown) | +| Google Maps | [Docs](https://docs.blazorbootstrap.com/components/google-map) | [Demos](https://demos.blazorbootstrap.com/google-map) | | Grid | [Docs](https://docs.blazorbootstrap.com/components/grid) | [Demos](https://demos.blazorbootstrap.com/grid) | | Icons | [Docs](https://docs.blazorbootstrap.com/content/icons) | [Demos](https://demos.blazorbootstrap.com/icons) | | Images | [Docs](https://docs.blazorbootstrap.com/content/images) | [Demos](https://demos.blazorbootstrap.com/images) | @@ -131,6 +133,9 @@ Blazor Bootstrap's documentation, which is included in this repository's root di ### Blazor Bootstrap - Card ![Blazor Bootstrap - Card](https://i.imgur.com/RhytwPa.png "Blazor Bootstrap - Card") +### Blazor Bootstrap - Carousel +![Blazor Bootstrap - Carousel](https://i.imgur.com/YoZd9Hy.png "Blazor Bootstrap - Carousel") + ### Blazor Bootstrap - Charts: Bar Chart ![Blazor Bootstrap - Charts: Bar Chart](https://i.imgur.com/JLV7oss.png "Blazor Bootstrap - Charts: Bar Chart") @@ -161,6 +166,9 @@ Blazor Bootstrap's documentation, which is included in this repository's root di ### Blazor Bootstrap - Dropdown ![Blazor Bootstrap - Dropdown](https://i.imgur.com/beAr31J.png "Blazor Bootstrap - Dropdown") +### Blazor Bootstrap - Google Map +![Blazor Bootstrap - Google Map](https://i.imgur.com/AbyDP51.png "Blazor Bootstrap - Google Map") + ### Blazor Bootstrap - Grid ![Blazor Bootstrap - Grid](https://i.imgur.com/36RsWZ3.png "Blazor Bootstrap - Grid") diff --git a/blazorbootstrap/BlazorBootstrap.csproj b/blazorbootstrap/BlazorBootstrap.csproj index 92db4f502..34c3dbc0f 100644 --- a/blazorbootstrap/BlazorBootstrap.csproj +++ b/blazorbootstrap/BlazorBootstrap.csproj @@ -3,8 +3,8 @@ Blazor.Bootstrap - 3.0.0-preview.3 - 3.0.0-preview.3 + 3.0.0 + 3.0.0 Apache-2.0 diff --git a/docs/blog/2024-08-25-blazorbootstrap-3.0.0.md b/docs/blog/2024-08-25-blazorbootstrap-3.0.0.md new file mode 100644 index 000000000..5e2214256 --- /dev/null +++ b/docs/blog/2024-08-25-blazorbootstrap-3.0.0.md @@ -0,0 +1,96 @@ +--- +title: Blazor Bootstrap v3.0.0 +authors: + name: Vikram Reddy + title: Creator + url: https://github.com/gvreddy04 + image_url: https://avatars.githubusercontent.com/u/2337067 +tags: [v3.0.0, blazor, bootstrap, blazorbootstrap, charts, grid, barchart, doughnutchart, linechart, modal, pdfviewer, piechart, polarareachart, radarchart, scatterchart, sidebar, sidebar2, pdfviewer] +--- + +We are excited to release version 3.0.0, which includes new Carousel, Google Map, Image, Polar Area Chart, Radar Chart, Scatter Chart components and other improvements!!! + +![image](https://i.imgur.com/AbyDP51.png "Blazor Bootstrap: Radar Chart Component") + + + +## What's new + +- `Carousel` component +- `Google Map` component +- `Image Chart` component +- `Polar Area Chart` component +- `Radar Chart` component +- `Scatter Chart` component + +## What's changed + +- `Chart` components + - Tick configuration support added + - Grid configuration support added + - Updated Dataset and ChartOption properties + - Updated documentation and demos + +- `Color Utility` + - Added color utility demos + +- `Grid` component + - Grid filters - Supports DoesNotContain filter. + - Grid filters - Enum support added. + - Grid filters - Guid support added. + - Details View support added. + - Nested Grid support added. + - New GridLoadingTemplate and GridEmptyDataTemplate params added. + - New GridContainerClass and GridContainerStyle parameters added. + - New FilterButtonColor parameter added to change the filter button color to filter button. + - New FilterButtonCSSClass parameter added to apply custom CSS classes to filter button. + - Highlight row when selected and customize the row color and background color. + +- `Modal` component + - Bootstrtap 5.3.3 fixes: Modal close button alignment issue fixed. + +- `PdfViewer` component + - Fixed rendering issue for MAUI Blazor Hybrid Apps + +- `Sidebar` and `Sidebar2` components + - Href, Width and WidthUnit parameters added. + - Fixed icon alignment issue for non-US cultures + +- `Tabs` component + - `GetActiveTab()` method added + +- Demos & Docs updated. + +## Breaking changes + +- `AccordionItem` + - **IsActive** parameter renamed to **Active**. + +- `Button` + - **Size**'s parameter data type changed from **Size** to **ButtonSize**. + +- `Callout` + - **Type** parameter changed to **Color**. + +- `Dropdown` + - Set the dropdown color on `Dropdown` component only instead of setting on the `DropdownActionButton` and `DropdownToggleButton`. + - **Size**'s parameter data type changed from **Size** to **DropdownSize**. + +- `DropdownActionButton` + - **Color** parameter removed. + +- `DropdownToggleButton` + - **Color** parameter removed. + +- `DropdownItem` + - **Type**'s parameter data type changed from **ButtonType** to **DropdownItemType**. + +- `RibbonTab` + - **IsActive** parameter renamed to **Active**. + +- `Tab` + - **IsActive** parameter renamed to **Active**. + +## Links +- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/) +- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/) diff --git a/docs/docs/01-getting-started/01-a-getting-started-webassembly-NET-8.mdx b/docs/docs/01-getting-started/01-a-getting-started-webassembly-NET-8.mdx index 471384f91..93382206d 100644 --- a/docs/docs/01-getting-started/01-a-getting-started-webassembly-NET-8.mdx +++ b/docs/docs/01-getting-started/01-a-getting-started-webassembly-NET-8.mdx @@ -18,7 +18,7 @@ Get started with the Enterprise-class Blazor Bootstrap Component library built o Looking to quickly add **Blazor Bootstrap** to your project? Use NuGet package manager. ```shell -Install-Package Blazor.Bootstrap -Version 3.0.0-preview.3 +Install-Package Blazor.Bootstrap -Version 3.0.0 ``` ## Add CSS references diff --git a/docs/docs/01-getting-started/01-b-getting-started-webapp-server-global-NET-8.mdx b/docs/docs/01-getting-started/01-b-getting-started-webapp-server-global-NET-8.mdx index aee16aa0f..f2a354eae 100644 --- a/docs/docs/01-getting-started/01-b-getting-started-webapp-server-global-NET-8.mdx +++ b/docs/docs/01-getting-started/01-b-getting-started-webapp-server-global-NET-8.mdx @@ -18,7 +18,7 @@ Get started with the Enterprise-class Blazor Bootstrap Component library built o Looking to quickly add **Blazor Bootstrap** to your project? Use NuGet package manager. ```shell -Install-Package Blazor.Bootstrap -Version 3.0.0-preview.3 +Install-Package Blazor.Bootstrap -Version 3.0.0 ``` ## Add CSS references diff --git a/docs/docs/01-getting-started/01-c-getting-started-webapp-auto-global-NET-8.mdx b/docs/docs/01-getting-started/01-c-getting-started-webapp-auto-global-NET-8.mdx index f5acc0daa..7256013c1 100644 --- a/docs/docs/01-getting-started/01-c-getting-started-webapp-auto-global-NET-8.mdx +++ b/docs/docs/01-getting-started/01-c-getting-started-webapp-auto-global-NET-8.mdx @@ -20,7 +20,7 @@ Get started with the Enterprise-class Blazor Bootstrap Component library built o Use NuGet package manager. ```shell -Install-Package Blazor.Bootstrap -Version 3.0.0-preview.3 +Install-Package Blazor.Bootstrap -Version 3.0.0 ``` ### Add CSS references @@ -87,7 +87,7 @@ The default Blazor template includes demonstration code and Bootstrap. To remove Use NuGet package manager. ```shell -Install-Package Blazor.Bootstrap -Version 2.2.1 +Install-Package Blazor.Bootstrap -Version 3.0.0 ``` ### Register services diff --git a/docs/docs/01-getting-started/01-d-getting-started-maui-blazor-NET-8.mdx b/docs/docs/01-getting-started/01-d-getting-started-maui-blazor-NET-8.mdx index 0318ede57..46c3a26ab 100644 --- a/docs/docs/01-getting-started/01-d-getting-started-maui-blazor-NET-8.mdx +++ b/docs/docs/01-getting-started/01-d-getting-started-maui-blazor-NET-8.mdx @@ -18,7 +18,7 @@ Get started with the Enterprise-class Blazor Bootstrap Component library built o Looking to quickly add **Blazor Bootstrap** to your project? Use NuGet package manager. ```shell -Install-Package Blazor.Bootstrap -Version 3.0.0-preview.3 +Install-Package Blazor.Bootstrap -Version 3.0.0 ``` ## Add CSS references diff --git a/docs/docs/01-getting-started/02-a-getting-started-webassembly-NET-7.mdx b/docs/docs/01-getting-started/02-a-getting-started-webassembly-NET-7.mdx index d31e16cb9..8e83087b9 100644 --- a/docs/docs/01-getting-started/02-a-getting-started-webassembly-NET-7.mdx +++ b/docs/docs/01-getting-started/02-a-getting-started-webassembly-NET-7.mdx @@ -18,7 +18,7 @@ Get started with the Enterprise-class Blazor Bootstrap Component library built o Looking to quickly add **Blazor Bootstrap** to your project? Use NuGet package manager. ```shell -Install-Package Blazor.Bootstrap -Version 3.0.0-preview.3 +Install-Package Blazor.Bootstrap -Version 3.0.0 ``` ## Add CSS references diff --git a/docs/docs/01-getting-started/02-b-getting-started-server-NET-7.mdx b/docs/docs/01-getting-started/02-b-getting-started-server-NET-7.mdx index 3069b9d98..ae03dd92c 100644 --- a/docs/docs/01-getting-started/02-b-getting-started-server-NET-7.mdx +++ b/docs/docs/01-getting-started/02-b-getting-started-server-NET-7.mdx @@ -18,7 +18,7 @@ Get started with the Enterprise-class Blazor Bootstrap Component library built o Looking to quickly add **Blazor Bootstrap** to your project? Use NuGet package manager. ```shell -Install-Package Blazor.Bootstrap -Version 3.0.0-preview.3 +Install-Package Blazor.Bootstrap -Version 3.0.0 ``` ## Add CSS references diff --git a/docs/docs/01-getting-started/02-c-getting-started-maui-blazor-NET-7.mdx b/docs/docs/01-getting-started/02-c-getting-started-maui-blazor-NET-7.mdx index 90927d204..c155f4432 100644 --- a/docs/docs/01-getting-started/02-c-getting-started-maui-blazor-NET-7.mdx +++ b/docs/docs/01-getting-started/02-c-getting-started-maui-blazor-NET-7.mdx @@ -18,7 +18,7 @@ Get started with the Enterprise-class Blazor Bootstrap Component library built o Looking to quickly add **Blazor Bootstrap** to your project? Use NuGet package manager. ```shell -Install-Package Blazor.Bootstrap -Version 3.0.0-preview.3 +Install-Package Blazor.Bootstrap -Version 3.0.0 ``` ## Add CSS references diff --git a/docs/docs/01-getting-started/03-a-getting-started-webassembly-NET-6.mdx b/docs/docs/01-getting-started/03-a-getting-started-webassembly-NET-6.mdx index 8cc76751d..9fee3b1ee 100644 --- a/docs/docs/01-getting-started/03-a-getting-started-webassembly-NET-6.mdx +++ b/docs/docs/01-getting-started/03-a-getting-started-webassembly-NET-6.mdx @@ -18,7 +18,7 @@ Get started with the Enterprise-class Blazor Bootstrap Component library built o Looking to quickly add **Blazor Bootstrap** to your project? Use NuGet package manager. ```shell -Install-Package Blazor.Bootstrap -Version 3.0.0-preview.3 +Install-Package Blazor.Bootstrap -Version 3.0.0 ``` ## Add CSS references diff --git a/docs/docs/01-getting-started/03-b-getting-started-server-NET-6.mdx b/docs/docs/01-getting-started/03-b-getting-started-server-NET-6.mdx index 0f7bcec67..e6bd4b0d9 100644 --- a/docs/docs/01-getting-started/03-b-getting-started-server-NET-6.mdx +++ b/docs/docs/01-getting-started/03-b-getting-started-server-NET-6.mdx @@ -18,7 +18,7 @@ Get started with the Enterprise-class Blazor Bootstrap Component library built o Looking to quickly add **Blazor Bootstrap** to your project? Use NuGet package manager. ```shell -Install-Package Blazor.Bootstrap -Version 3.0.0-preview.3 +Install-Package Blazor.Bootstrap -Version 3.0.0 ``` ## Add CSS references diff --git a/nuget/README.md b/nuget/README.md index 184112362..2f1eb3e41 100644 --- a/nuget/README.md +++ b/nuget/README.md @@ -18,7 +18,7 @@ Get started any way you want - Clone the repo: `git clone https://github.com/vikramlearning/blazorbootstrap.git` -- Install with [NuGet](https://www.nuget.org/): `Install-Package Blazor.Bootstrap -Version 3.0.0-preview.3` +- Install with [NuGet](https://www.nuget.org/): `Install-Package Blazor.Bootstrap -Version 3.0.0` - Install [Blazor Bootstrap templates](https://github.com/vikramlearning/blazorbootstrap-project-templates) with **.NET CLI**: `dotnet new install Blazor.Bootstrap.Templates::1.10.0` ![image](https://user-images.githubusercontent.com/2337067/233800604-43986ae7-27dd-4f17-9af6-c2f1a6f07097.png) @@ -42,6 +42,7 @@ Get started any way you want | Buttons | [Docs](https://docs.blazorbootstrap.com/components/buttons) | [Demos](https://demos.blazorbootstrap.com/buttons) | | Callout | [Docs](https://docs.blazorbootstrap.com/components/callout) | [Demos](https://demos.blazorbootstrap.com/callout) | | Card | [Docs](https://docs.blazorbootstrap.com/components/card) | [Demos](https://demos.blazorbootstrap.com/card) | +| Carousel | [Docs](https://docs.blazorbootstrap.com/components/carousel) | [Demos](https://demos.blazorbootstrap.com/carousel) | | Charts: Bar chart | [Docs](https://docs.blazorbootstrap.com/data-visualization/bar-chart) | [Demos](https://demos.blazorbootstrap.com/charts/bar-chart) | | Charts: Doughnut chart | [Docs](https://docs.blazorbootstrap.com/data-visualization/doughnut-chart) | [Demos](https://demos.blazorbootstrap.com/charts/doughnut-chart) | | Charts: Line chart | [Docs](https://docs.blazorbootstrap.com/data-visualization/line-chart) | [Demos](https://demos.blazorbootstrap.com/charts/line-chart) | @@ -54,6 +55,7 @@ Get started any way you want | Currency Input | [Docs](https://docs.blazorbootstrap.com/forms/currency-input) | [Demos](https://demos.blazorbootstrap.com/form/currency-input) | | Date Input | [Docs](https://docs.blazorbootstrap.com/forms/date-input) | [Demos](https://demos.blazorbootstrap.com/form/date-input) | | Dropdown | [Docs](https://docs.blazorbootstrap.com/components/dropdown) | [Demos](https://demos.blazorbootstrap.com/dropdown) | +| Google Maps | [Docs](https://docs.blazorbootstrap.com/components/google-map) | [Demos](https://demos.blazorbootstrap.com/google-map) | | Grid | [Docs](https://docs.blazorbootstrap.com/components/grid) | [Demos](https://demos.blazorbootstrap.com/grid) | | Icons | [Docs](https://docs.blazorbootstrap.com/content/icons) | [Demos](https://demos.blazorbootstrap.com/icons) | | Images | [Docs](https://docs.blazorbootstrap.com/content/images) | [Demos](https://demos.blazorbootstrap.com/images) |