Skip to content

Commit 758296a

Browse files
authored
v3.0.0 release updates (#852)
* BlazorBootstrap v3.0.0 version updates
1 parent d3ce81f commit 758296a

19 files changed

+133
-28
lines changed

BlazorBootstrap.Demo.Hosted/Client/wwwroot/appsettings.json

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
2-
"version": "3.0.0-preview.3",
2+
"version": "3.0.0",
33
"release": {
4-
"short_description": "New Radar Chart and Scatter Chart Components and Other Improvements!!!"
4+
"short_description": "New Carousel, Google Map, Image, Polar Area Chart, Radar Chart, Scatter Chart components, and other improvements!!!"
55
},
66
"urls": {
77
"docs": "//docs.blazorbootstrap.com/docs/getting-started/blazor-webassembly",

BlazorBootstrap.Demo.RCL/Components/Layout/MainLayout.razor

-1
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,6 @@
99
Title="Blazor Bootstrap"
1010
BadgeText="@Version"
1111
DataProvider="Sidebar2DataProvider"
12-
Width="326"
1312
WidthUnit="Unit.Px" />
1413

1514
<main class="bb-scrollbar">

BlazorBootstrap.Demo.RCL/Components/Pages/Index.razor

+4-4
Original file line numberDiff line numberDiff line change
@@ -127,7 +127,7 @@
127127
</div>
128128
<div class="col-sm-4 mb-2">
129129
<a class="d-block pe-lg-4 text-decoration-none lh-sm" href="/images">
130-
<h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.Image" class="me-2" /> Images</h4>
130+
<h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.Image" class="me-2" /> Images <Badge Color="BadgeColor.Danger">New</Badge></h4>
131131
</a>
132132
</div>
133133
<div class="col-sm-4 mb-2">
@@ -187,7 +187,7 @@
187187
</div>
188188
<div class="col-sm-4 mb-2">
189189
<a class="d-block pe-lg-4 text-decoration-none lh-sm" href="/sidebar">
190-
<h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.LayoutSidebarInset" class="me-2" /> Sidebar</h4>
190+
<h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.LayoutSidebarInset" class="me-2" /> Sidebar <Badge Color="BadgeColor.Success">Updated</Badge></h4>
191191
</a>
192192
</div>
193193
<div class="col-sm-4 mb-2">
@@ -212,7 +212,7 @@
212212
</div>
213213
<div class="col-sm-4 mb-2">
214214
<a class="d-block pe-lg-4 text-decoration-none lh-sm" href="/tabs">
215-
<h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.WindowPlus" class="me-2" /> Tabs</h4>
215+
<h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.WindowPlus" class="me-2" /> Tabs <Badge Color="BadgeColor.Success">Updated</Badge></h4>
216216
</a>
217217
</div>
218218
<div class="col-sm-4 mb-2">
@@ -305,7 +305,7 @@
305305
</div>
306306
<div class="col-sm-4 mb-2">
307307
<a class="d-block pe-lg-4 text-decoration-none lh-sm" href="/charts/polar-area-chart">
308-
<h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.PieChartFill" class="me-2" /> Polar Area Chart <Badge Color="BadgeColor.Success">Updated</Badge></h4>
308+
<h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.PieChartFill" class="me-2" /> Polar Area Chart <Badge Color="BadgeColor.Danger">New</Badge></h4>
309309
</a>
310310
</div>
311311
<div class="col-sm-4 mb-2">

BlazorBootstrap.Demo.RCL/Components/Pages/Maps/GoogleMapDocumentation.razor

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
@page "/google-maps"
1+
@page "/google-map"
22

33
<PageTitle>@title</PageTitle>
44

@@ -60,7 +60,7 @@
6060
<Demo Type="typeof(GoogleMap_Demo_06_Dynamic_markers)" Tabs="true" />
6161

6262
@code {
63-
private string pageUrl = "/google-maps";
63+
private string pageUrl = "/google-map";
6464
private string title = "Blazor Google Map Component";
6565
private string description = "Blazor Bootstrap Google Map component will create maps to show locations anywhere in the world using the Google JavaScript API.";
6666
private string imageUrl = "https://i.imgur.com/AbyDP51.png";

BlazorBootstrap.Demo.Server/appsettings.json

+2-2
Original file line numberDiff line numberDiff line change
@@ -6,9 +6,9 @@
66
}
77
},
88
"AllowedHosts": "*",
9-
"version": "3.0.0-preview.3",
9+
"version": "3.0.0",
1010
"release": {
11-
"short_description": "New Radar Chart and Scatter Chart Components and Other Improvements!!!"
11+
"short_description": "New Carousel, Google Map, Image, Polar Area Chart, Radar Chart, Scatter Chart components, and other improvements!!!"
1212
},
1313
"urls": {
1414
"docs": "//docs.blazorbootstrap.com/getting-started/blazor-webassembly-net-8",

BlazorBootstrap.Demo.WebAssembly/wwwroot/appsettings.json

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
2-
"version": "3.0.0-preview.3",
2+
"version": "3.0.0",
33
"release": {
4-
"short_description": "New Radar Chart and Scatter Chart Components and Other Improvements!!!"
4+
"short_description": "New Carousel, Google Map, Image, Polar Area Chart, Radar Chart, Scatter Chart components, and other improvements!!!"
55
},
66
"urls": {
77
"docs": "//docs.blazorbootstrap.com/getting-started/blazor-webassembly-net-8",

README.md

+10-2
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<p align="center">
22
<a href="https://getblazorbootstrap.com/">
3-
<img src="https://github.com/vikramlearning/blazorbootstrap/blob/main/BlazorBootstrap.Demo.WebAssembly/wwwroot/images/logo/logo-color.svg" alt="Blazor Bootstrap logo" width="200" height="200">
3+
<img src="https://demos.blazorbootstrap.com/images/logo/logo-color.svg" alt="Blazor Bootstrap logo" width="200" height="200">
44
</a>
55
</p>
66

@@ -41,7 +41,7 @@
4141

4242
## Install
4343

44-
Install with [NuGet](https://www.nuget.org/): `Install-Package Blazor.Bootstrap -Version 3.0.0-preview.3`
44+
Install with [NuGet](https://www.nuget.org/): `Install-Package Blazor.Bootstrap -Version 3.0.0`
4545

4646
## Install Blazor Bootstrap templates
4747

@@ -63,6 +63,7 @@ Install [Blazor Bootstrap templates](https://github.com/vikramlearning/blazorboo
6363
| Buttons | [Docs](https://docs.blazorbootstrap.com/components/buttons) | [Demos](https://demos.blazorbootstrap.com/buttons) |
6464
| Callout | [Docs](https://docs.blazorbootstrap.com/components/callout) | [Demos](https://demos.blazorbootstrap.com/callout) |
6565
| Card | [Docs](https://docs.blazorbootstrap.com/components/card) | [Demos](https://demos.blazorbootstrap.com/card) |
66+
| Carousel | [Docs](https://docs.blazorbootstrap.com/components/carousel) | [Demos](https://demos.blazorbootstrap.com/carousel) |
6667
| Charts: Bar chart | [Docs](https://docs.blazorbootstrap.com/data-visualization/bar-chart) | [Demos](https://demos.blazorbootstrap.com/charts/bar-chart) |
6768
| Charts: Doughnut chart | [Docs](https://docs.blazorbootstrap.com/data-visualization/doughnut-chart) | [Demos](https://demos.blazorbootstrap.com/charts/doughnut-chart) |
6869
| 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
7576
| Currency Input | [Docs](https://docs.blazorbootstrap.com/forms/currency-input) | [Demos](https://demos.blazorbootstrap.com/form/currency-input) |
7677
| Date Input | [Docs](https://docs.blazorbootstrap.com/forms/date-input) | [Demos](https://demos.blazorbootstrap.com/form/date-input) |
7778
| Dropdown | [Docs](https://docs.blazorbootstrap.com/components/dropdown) | [Demos](https://demos.blazorbootstrap.com/dropdown) |
79+
| Google Maps | [Docs](https://docs.blazorbootstrap.com/components/google-map) | [Demos](https://demos.blazorbootstrap.com/google-map) |
7880
| Grid | [Docs](https://docs.blazorbootstrap.com/components/grid) | [Demos](https://demos.blazorbootstrap.com/grid) |
7981
| Icons | [Docs](https://docs.blazorbootstrap.com/content/icons) | [Demos](https://demos.blazorbootstrap.com/icons) |
8082
| 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
131133
### Blazor Bootstrap - Card
132134
![Blazor Bootstrap - Card](https://i.imgur.com/RhytwPa.png "Blazor Bootstrap - Card")
133135

136+
### Blazor Bootstrap - Carousel
137+
![Blazor Bootstrap - Carousel](https://i.imgur.com/YoZd9Hy.png "Blazor Bootstrap - Carousel")
138+
134139
### Blazor Bootstrap - Charts: Bar Chart
135140
![Blazor Bootstrap - Charts: Bar Chart](https://i.imgur.com/JLV7oss.png "Blazor Bootstrap - Charts: Bar Chart")
136141

@@ -161,6 +166,9 @@ Blazor Bootstrap's documentation, which is included in this repository's root di
161166
### Blazor Bootstrap - Dropdown
162167
![Blazor Bootstrap - Dropdown](https://i.imgur.com/beAr31J.png "Blazor Bootstrap - Dropdown")
163168

169+
### Blazor Bootstrap - Google Map
170+
![Blazor Bootstrap - Google Map](https://i.imgur.com/AbyDP51.png "Blazor Bootstrap - Google Map")
171+
164172
### Blazor Bootstrap - Grid
165173
![Blazor Bootstrap - Grid](https://i.imgur.com/36RsWZ3.png "Blazor Bootstrap - Grid")
166174

blazorbootstrap/BlazorBootstrap.csproj

+2-2
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,8 @@
33
<PropertyGroup>
44

55
<PackageId>Blazor.Bootstrap</PackageId>
6-
<Version>3.0.0-preview.3</Version>
7-
<PackageVersion>3.0.0-preview.3</PackageVersion>
6+
<Version>3.0.0</Version>
7+
<PackageVersion>3.0.0</PackageVersion>
88

99
<!--<PackageIconUrl></PackageIconUrl>-->
1010
<PackageLicenseExpression>Apache-2.0</PackageLicenseExpression>
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,96 @@
1+
---
2+
title: Blazor Bootstrap v3.0.0
3+
authors:
4+
name: Vikram Reddy
5+
title: Creator
6+
url: https://github.com/gvreddy04
7+
image_url: https://avatars.githubusercontent.com/u/2337067
8+
tags: [v3.0.0, blazor, bootstrap, blazorbootstrap, charts, grid, barchart, doughnutchart, linechart, modal, pdfviewer, piechart, polarareachart, radarchart, scatterchart, sidebar, sidebar2, pdfviewer]
9+
---
10+
11+
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!!!
12+
13+
![image](https://i.imgur.com/AbyDP51.png "Blazor Bootstrap: Radar Chart Component")
14+
15+
<!--truncate-->
16+
17+
## What's new
18+
19+
- `Carousel` component
20+
- `Google Map` component
21+
- `Image Chart` component
22+
- `Polar Area Chart` component
23+
- `Radar Chart` component
24+
- `Scatter Chart` component
25+
26+
## What's changed
27+
28+
- `Chart` components
29+
- Tick configuration support added
30+
- Grid configuration support added
31+
- Updated Dataset and ChartOption properties
32+
- Updated documentation and demos
33+
34+
- `Color Utility`
35+
- Added color utility demos
36+
37+
- `Grid` component
38+
- Grid filters - Supports DoesNotContain filter.
39+
- Grid filters - Enum support added.
40+
- Grid filters - Guid support added.
41+
- Details View support added.
42+
- Nested Grid support added.
43+
- New GridLoadingTemplate and GridEmptyDataTemplate params added.
44+
- New GridContainerClass and GridContainerStyle parameters added.
45+
- New FilterButtonColor parameter added to change the filter button color to filter button.
46+
- New FilterButtonCSSClass parameter added to apply custom CSS classes to filter button.
47+
- Highlight row when selected and customize the row color and background color.
48+
49+
- `Modal` component
50+
- Bootstrtap 5.3.3 fixes: Modal close button alignment issue fixed.
51+
52+
- `PdfViewer` component
53+
- Fixed rendering issue for MAUI Blazor Hybrid Apps
54+
55+
- `Sidebar` and `Sidebar2` components
56+
- Href, Width and WidthUnit parameters added.
57+
- Fixed icon alignment issue for non-US cultures
58+
59+
- `Tabs` component
60+
- `GetActiveTab()` method added
61+
62+
- Demos & Docs updated.
63+
64+
## Breaking changes
65+
66+
- `AccordionItem`
67+
- **IsActive** parameter renamed to **Active**.
68+
69+
- `Button`
70+
- **Size**'s parameter data type changed from **Size** to **ButtonSize**.
71+
72+
- `Callout`
73+
- **Type** parameter changed to **Color**.
74+
75+
- `Dropdown`
76+
- Set the dropdown color on `Dropdown` component only instead of setting on the `DropdownActionButton` and `DropdownToggleButton`.
77+
- **Size**'s parameter data type changed from **Size** to **DropdownSize**.
78+
79+
- `DropdownActionButton`
80+
- **Color** parameter removed.
81+
82+
- `DropdownToggleButton`
83+
- **Color** parameter removed.
84+
85+
- `DropdownItem`
86+
- **Type**'s parameter data type changed from **ButtonType** to **DropdownItemType**.
87+
88+
- `RibbonTab`
89+
- **IsActive** parameter renamed to **Active**.
90+
91+
- `Tab`
92+
- **IsActive** parameter renamed to **Active**.
93+
94+
## Links
95+
- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)
96+
- [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)

docs/docs/01-getting-started/01-a-getting-started-webassembly-NET-8.mdx

+1-1
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ Get started with the Enterprise-class Blazor Bootstrap Component library built o
1818
Looking to quickly add **Blazor Bootstrap** to your project? Use NuGet package manager.
1919

2020
```shell
21-
Install-Package Blazor.Bootstrap -Version 3.0.0-preview.3
21+
Install-Package Blazor.Bootstrap -Version 3.0.0
2222
```
2323

2424
## Add CSS references

docs/docs/01-getting-started/01-b-getting-started-webapp-server-global-NET-8.mdx

+1-1
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ Get started with the Enterprise-class Blazor Bootstrap Component library built o
1818
Looking to quickly add **Blazor Bootstrap** to your project? Use NuGet package manager.
1919

2020
```shell
21-
Install-Package Blazor.Bootstrap -Version 3.0.0-preview.3
21+
Install-Package Blazor.Bootstrap -Version 3.0.0
2222
```
2323

2424
## Add CSS references

docs/docs/01-getting-started/01-c-getting-started-webapp-auto-global-NET-8.mdx

+2-2
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ Get started with the Enterprise-class Blazor Bootstrap Component library built o
2020
Use NuGet package manager.
2121

2222
```shell
23-
Install-Package Blazor.Bootstrap -Version 3.0.0-preview.3
23+
Install-Package Blazor.Bootstrap -Version 3.0.0
2424
```
2525

2626
### Add CSS references
@@ -87,7 +87,7 @@ The default Blazor template includes demonstration code and Bootstrap. To remove
8787
Use NuGet package manager.
8888

8989
```shell
90-
Install-Package Blazor.Bootstrap -Version 2.2.1
90+
Install-Package Blazor.Bootstrap -Version 3.0.0
9191
```
9292

9393
### Register services

docs/docs/01-getting-started/01-d-getting-started-maui-blazor-NET-8.mdx

+1-1
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ Get started with the Enterprise-class Blazor Bootstrap Component library built o
1818
Looking to quickly add **Blazor Bootstrap** to your project? Use NuGet package manager.
1919

2020
```shell
21-
Install-Package Blazor.Bootstrap -Version 3.0.0-preview.3
21+
Install-Package Blazor.Bootstrap -Version 3.0.0
2222
```
2323

2424
## Add CSS references

docs/docs/01-getting-started/02-a-getting-started-webassembly-NET-7.mdx

+1-1
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ Get started with the Enterprise-class Blazor Bootstrap Component library built o
1818
Looking to quickly add **Blazor Bootstrap** to your project? Use NuGet package manager.
1919

2020
```shell
21-
Install-Package Blazor.Bootstrap -Version 3.0.0-preview.3
21+
Install-Package Blazor.Bootstrap -Version 3.0.0
2222
```
2323

2424
## Add CSS references

docs/docs/01-getting-started/02-b-getting-started-server-NET-7.mdx

+1-1
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ Get started with the Enterprise-class Blazor Bootstrap Component library built o
1818
Looking to quickly add **Blazor Bootstrap** to your project? Use NuGet package manager.
1919

2020
```shell
21-
Install-Package Blazor.Bootstrap -Version 3.0.0-preview.3
21+
Install-Package Blazor.Bootstrap -Version 3.0.0
2222
```
2323

2424
## Add CSS references

docs/docs/01-getting-started/02-c-getting-started-maui-blazor-NET-7.mdx

+1-1
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ Get started with the Enterprise-class Blazor Bootstrap Component library built o
1818
Looking to quickly add **Blazor Bootstrap** to your project? Use NuGet package manager.
1919

2020
```shell
21-
Install-Package Blazor.Bootstrap -Version 3.0.0-preview.3
21+
Install-Package Blazor.Bootstrap -Version 3.0.0
2222
```
2323

2424
## Add CSS references

docs/docs/01-getting-started/03-a-getting-started-webassembly-NET-6.mdx

+1-1
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ Get started with the Enterprise-class Blazor Bootstrap Component library built o
1818
Looking to quickly add **Blazor Bootstrap** to your project? Use NuGet package manager.
1919

2020
```shell
21-
Install-Package Blazor.Bootstrap -Version 3.0.0-preview.3
21+
Install-Package Blazor.Bootstrap -Version 3.0.0
2222
```
2323

2424
## Add CSS references

docs/docs/01-getting-started/03-b-getting-started-server-NET-6.mdx

+1-1
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ Get started with the Enterprise-class Blazor Bootstrap Component library built o
1818
Looking to quickly add **Blazor Bootstrap** to your project? Use NuGet package manager.
1919

2020
```shell
21-
Install-Package Blazor.Bootstrap -Version 3.0.0-preview.3
21+
Install-Package Blazor.Bootstrap -Version 3.0.0
2222
```
2323

2424
## Add CSS references

nuget/README.md

+3-1
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@
1818
Get started any way you want
1919

2020
- Clone the repo: `git clone https://github.com/vikramlearning/blazorbootstrap.git`
21-
- Install with [NuGet](https://www.nuget.org/): `Install-Package Blazor.Bootstrap -Version 3.0.0-preview.3`
21+
- Install with [NuGet](https://www.nuget.org/): `Install-Package Blazor.Bootstrap -Version 3.0.0`
2222
- Install [Blazor Bootstrap templates](https://github.com/vikramlearning/blazorbootstrap-project-templates) with **.NET CLI**: `dotnet new install Blazor.Bootstrap.Templates::1.10.0`
2323

2424
![image](https://user-images.githubusercontent.com/2337067/233800604-43986ae7-27dd-4f17-9af6-c2f1a6f07097.png)
@@ -42,6 +42,7 @@ Get started any way you want
4242
| Buttons | [Docs](https://docs.blazorbootstrap.com/components/buttons) | [Demos](https://demos.blazorbootstrap.com/buttons) |
4343
| Callout | [Docs](https://docs.blazorbootstrap.com/components/callout) | [Demos](https://demos.blazorbootstrap.com/callout) |
4444
| Card | [Docs](https://docs.blazorbootstrap.com/components/card) | [Demos](https://demos.blazorbootstrap.com/card) |
45+
| Carousel | [Docs](https://docs.blazorbootstrap.com/components/carousel) | [Demos](https://demos.blazorbootstrap.com/carousel) |
4546
| Charts: Bar chart | [Docs](https://docs.blazorbootstrap.com/data-visualization/bar-chart) | [Demos](https://demos.blazorbootstrap.com/charts/bar-chart) |
4647
| Charts: Doughnut chart | [Docs](https://docs.blazorbootstrap.com/data-visualization/doughnut-chart) | [Demos](https://demos.blazorbootstrap.com/charts/doughnut-chart) |
4748
| 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
5455
| Currency Input | [Docs](https://docs.blazorbootstrap.com/forms/currency-input) | [Demos](https://demos.blazorbootstrap.com/form/currency-input) |
5556
| Date Input | [Docs](https://docs.blazorbootstrap.com/forms/date-input) | [Demos](https://demos.blazorbootstrap.com/form/date-input) |
5657
| Dropdown | [Docs](https://docs.blazorbootstrap.com/components/dropdown) | [Demos](https://demos.blazorbootstrap.com/dropdown) |
58+
| Google Maps | [Docs](https://docs.blazorbootstrap.com/components/google-map) | [Demos](https://demos.blazorbootstrap.com/google-map) |
5759
| Grid | [Docs](https://docs.blazorbootstrap.com/components/grid) | [Demos](https://demos.blazorbootstrap.com/grid) |
5860
| Icons | [Docs](https://docs.blazorbootstrap.com/content/icons) | [Demos](https://demos.blazorbootstrap.com/icons) |
5961
| Images | [Docs](https://docs.blazorbootstrap.com/content/images) | [Demos](https://demos.blazorbootstrap.com/images) |

0 commit comments

Comments
 (0)