Skip to content

Commit

Permalink
1.10.2 updates (#362)
Browse files Browse the repository at this point in the history
* BlazorBootstrap 1.10.2 updates
  • Loading branch information
gvreddy04 authored Sep 15, 2023
1 parent b878d93 commit b7d0deb
Show file tree
Hide file tree
Showing 10 changed files with 114 additions and 17 deletions.
4 changes: 2 additions & 2 deletions BlazorBootstrap.Demo.Hosted/Client/wwwroot/appsettings.json
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
{
"version": "1.10.1",
"version": "1.10.2",
"release": {
"short_description": "Base component improvements and chart updates!!!"
"short_description": "Enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!"
},
"urls": {
"docs": "//getblazorbootstrap.com/docs/getting-started/blazor-webassembly",
Expand Down
4 changes: 2 additions & 2 deletions BlazorBootstrap.Demo.Server/appsettings.json
Original file line number Diff line number Diff line change
Expand Up @@ -6,9 +6,9 @@
}
},
"AllowedHosts": "*",
"version": "1.10.1",
"version": "1.10.2",
"release": {
"short_description": "Base component improvements and chart updates!!!"
"short_description": "Enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!"
},
"urls": {
"docs": "//getblazorbootstrap.com/docs/getting-started/blazor-webassembly",
Expand Down
4 changes: 2 additions & 2 deletions BlazorBootstrap.Demo/wwwroot/appsettings.json
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
{
"version": "1.10.1",
"version": "1.10.2",
"release": {
"short_description": "Base component improvements and chart updates!!!"
"short_description": "Enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!"
},
"urls": {
"docs": "//getblazorbootstrap.com/docs/getting-started/blazor-webassembly",
Expand Down
2 changes: 1 addition & 1 deletion README.md
Original file line number Diff line number Diff line change
Expand Up @@ -36,7 +36,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 1.10.1`
- Install with [NuGet](https://www.nuget.org/): `Install-Package Blazor.Bootstrap -Version 1.10.2`
- 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)
Expand Down
4 changes: 2 additions & 2 deletions blazorbootstrap/BlazorBootstrap.csproj
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,8 @@
<PropertyGroup>

<PackageId>Blazor.Bootstrap</PackageId>
<Version>1.10.1</Version>
<PackageVersion>1.10.1</PackageVersion>
<Version>1.10.2</Version>
<PackageVersion>1.10.2</PackageVersion>

<!--<PackageIconUrl></PackageIconUrl>-->
<PackageLicenseExpression>Apache-2.0</PackageLicenseExpression>
Expand Down
12 changes: 7 additions & 5 deletions docs/blog/2023-09-17-blazorbootstrap-1.10.2.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,17 +5,20 @@ authors:
title: Creator
url: https://github.com/gvreddy04
image_url: https://avatars.githubusercontent.com/u/2337067
tags: [v1.10.2, blazor, bootstrap, bootstrap5, blazorbootstrap]
tags: [v1.10.2, blazor, bootstrap, bootstrap5, blazorbootstrap, autocomplete, blazorautocomplete, confirmdialog, blazorconfirmdialog, modal, blazormodal, modalservice, tooltip, blazortooltip, sidebar, blazorsidebar, chart, blazorchart, docs]
---

We are excited to release 1.10.2 with base component improvements and chart updates!!!
We are excited to release 1.10.2 with enhancements to autocomplete, charts, confirmation dialog, sidebar, and others!!!

![image](https://i.imgur.com/jMIvDFZ.png "Blazor Bootstrap: BarChart Component")
![image](https://i.imgur.com/xEPhAsW.png "Blazor Bootstrap: Doughnut Chart Component")

<!--truncate-->

## What's changed

- `AutoComplete` component
- Autocomplete shows "No Records Found" Before Search is finished [#352](https://github.com/vikramlearning/blazorbootstrap/issues/352)

- `Confirm Dialog` component
- Confirm Dialog - No fade animation [#334](https://github.com/vikramlearning/blazorbootstrap/issues/334)

Expand All @@ -31,8 +34,7 @@ We are excited to release 1.10.2 with base component improvements and chart upda
- We have made improvements to all the charts to support data labels [#317](https://github.com/vikramlearning/blazorbootstrap/issues/317)
- `Bar Chart`, `Doughnut Chart`, `Line Chart`, and `Pie Chart`

- `AutoComplete` component
- Autocomplete shows "No Records Found" Before Search is finished [#352](https://github.com/vikramlearning/blazorbootstrap/issues/352)
- MAUI Blazor App - Getting started docs added

## Links
- [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)
Expand Down
95 changes: 95 additions & 0 deletions docs/docs/01-getting-started/getting-started-maui-blazor.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,95 @@
---
id: maui-blazor
sidebar_label: MAUI Blazor
sidebar_position: 3
title: MAUI Blazor
---

# Getting started - MAUI Blazor App

Get started with the Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS framework.

## Install Nuget Package

Looking to quickly add **Blazor Bootstrap** to your project? Use NuGet package manager.

```shell
Install-Package Blazor.Bootstrap -Version 1.10.2
```

## Add CSS references

Add the following references to the `head` section in the **wwwroot/index.html**.

```html showLineNumbers
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous" />
<link href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" rel="stylesheet" />
<link href="_content/Blazor.Bootstrap/blazor.bootstrap.css" rel="stylesheet" />
```

## Add script references

Add the following references to the `body` section in the **wwwroot/index.html** after the **_framework/blazor.webview.js** reference.

``` js showLineNumbers
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js" integrity="sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <!-- Add chart.js reference if Chart components are used in the application. -->
<script src="_content/Blazor.Bootstrap/blazor.bootstrap.js"></script>
```

:::tip
**chart.js** reference is optional. Add when the **Chart** components are used in the application.
:::

## Register services

Add Blazor Bootstrap service in the **MauiProgram.cs**

```cs showLineNumbers
using BlazorBootstrap; // Add this line
...

builder.Services.AddBlazorBootstrap(); // Add this line
```

Register tag helpers in **_Imports.razor**

```razor showLineNumbers
@using BlazorBootstrap;
```

## Remove default references

In the **wwwroot/index.html** file, the default blazor template includes demonstration code, icons, and Bootstrap.
These files are no longer needed.

``` html showLineNumbers
<link href="css/bootstrap/bootstrap.min.css" rel="stylesheet" />
<link href="css/app.css" rel="stylesheet" />
```

Delete the default **bootstrap** and **open-iconic** folders from the **wwwroot** folder.

1. wwwroot/css/bootstrap
1. wwwroot/css/open-iconic

Either remove or keep the **app.css** file but make sure you clear it out of any content when the [Sidebar](/docs/components/sidebar#full-layout-with-sidebar) component with full layout is used.

## Starter templates

### .NET 6

1. [Blazor Bootstrap - Blazor WebAssembly App](https://github.com/vikramlearning/blazorbootstrap-starter-templates/tree/master/src/BlazorBootstrap.Templates.Starter/NET6.BlazorWebAssemblyApp)

<img src="https://i.imgur.com/aRV3rJm.png" alt="Blazor Bootstrap - Blazor WebAssembly App" />

### .NET 7

1. [Blazor Bootstrap - Blazor WebAssembly App](https://github.com/vikramlearning/blazorbootstrap-starter-templates/tree/master/src/BlazorBootstrap.Templates.Starter/NET7.BlazorWebAssemblyApp)

<img src="https://i.imgur.com/4P8u0HR.png" alt="Blazor Bootstrap - Blazor WebAssembly App" />

1. [Blazor Bootstrap - Blazor Empty WebAssembly App](https://github.com/vikramlearning/blazorbootstrap-starter-templates/tree/master/src/BlazorBootstrap.Templates.Starter/NET7.BlazorWebAssemblyAppEmpty)

<img src="https://i.imgur.com/CBEoZ6P.png" alt="Blazor Bootstrap - Blazor Empty WebAssembly App" />
2 changes: 1 addition & 1 deletion docs/docs/01-getting-started/getting-started-server.md
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,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 1.10.1
Install-Package Blazor.Bootstrap -Version 1.10.2
```

## Add CSS references
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,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 1.10.1
Install-Package Blazor.Bootstrap -Version 1.10.2
```

## Add CSS references
Expand Down
2 changes: 1 addition & 1 deletion nuget/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,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 1.10.1`
- Install with [NuGet](https://www.nuget.org/): `Install-Package Blazor.Bootstrap -Version 1.10.2`
- 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)
Expand Down

0 comments on commit b7d0deb

Please sign in to comment.