1.10.0 docs update

vikramlearning · Aug 13, 2023 · 85ec28a · 85ec28a
1 parent 44e382c
commit 85ec28a
Show file tree

Hide file tree

Showing 7 changed files with 64 additions and 44 deletions.
diff --git a/BlazorBootstrap.Demo.Hosted/Client/Pages/Index.razor b/BlazorBootstrap.Demo.Hosted/Client/Pages/Index.razor
@@ -61,7 +61,7 @@
         </div>
         <div class="col-sm-4 mb-2">
             <a class="d-block pe-lg-4 text-decoration-none lh-sm" href="/buttons">
-                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.ToggleOn" class="me-2" /> Buttons</h4>
+                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.ToggleOn" class="me-2" /> Buttons <Badge Color="BadgeColor.Success">Updated</Badge></h4>
             </a>
         </div>
         <div class="col-sm-4 mb-2">
@@ -116,7 +116,7 @@
         </div>
         <div class="col-sm-4 mb-2">
             <a class="d-block pe-lg-4 text-decoration-none lh-sm" href="/modals">
-                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.WindowStack" class="me-2" /> Modals <Badge Color="BadgeColor.Success">Updated</Badge></h4>
+                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.WindowStack" class="me-2" /> Modals</h4>
             </a>
         </div>
         <div class="col-sm-4 mb-2">
@@ -151,7 +151,7 @@
         </div>
         <div class="col-sm-4 mb-2">
             <a class="d-block pe-lg-4 text-decoration-none lh-sm" href="/sidebar">
-                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.LayoutSidebarInset" class="me-2" /> Sidebar <Badge Color="BadgeColor.Success">Updated</Badge></h4>
+                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.LayoutSidebarInset" class="me-2" /> Sidebar</h4>
             </a>
         </div>
         <div class="col-sm-4 mb-2">
@@ -166,7 +166,7 @@
         </div>
         <div class="col-sm-4 mb-2">
             <a class="d-block pe-lg-4 text-decoration-none lh-sm" href="/form/time-input">
-                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.ClockFill" class="me-2" /> Time Input <Badge Color="BadgeColor.Success">Updated</Badge></h4>
+                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.ClockFill" class="me-2" /> Time Input</h4>
             </a>
         </div>
         <div class="col-sm-4 mb-2">
@@ -215,7 +215,7 @@
         </div>
         <div class="col-sm-4 mb-2">
             <a class="d-block pe-lg-4 text-decoration-none lh-sm" href="/form/time-input">
-                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.ClockFill" class="me-2" /> Time Input <Badge Color="BadgeColor.Success">Updated</Badge></h4>
+                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.ClockFill" class="me-2" /> Time Input</h4>
             </a>
         </div>
     </div>
@@ -229,22 +229,22 @@
     <div class="row g-3 mt-5">
         <div class="col-sm-4 mb-2">
             <a class="d-block pe-lg-4 text-decoration-none lh-sm" href="/charts/bar-chart">
-                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.BarChartFill" class="me-2" /> Bar Chart</h4>
+                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.BarChartFill" class="me-2" /> Bar Chart <Badge Color="BadgeColor.Success">Updated</Badge></h4>
             </a>
         </div>
         <div class="col-sm-4 mb-2">
             <a class="d-block pe-lg-4 text-decoration-none lh-sm" href="/charts/doughnut-chart">
-                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.CircleFill" class="me-2" /> Doughnut Chart</h4>
+                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.CircleFill" class="me-2" /> Doughnut Chart <Badge Color="BadgeColor.Success">Updated</Badge></h4>
             </a>
         </div>
         <div class="col-sm-4 mb-2">
             <a class="d-block pe-lg-4 text-decoration-none lh-sm" href="/charts/line-chart">
-                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.GraphUp" class="me-2" /> Line Chart</h4>
+                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.GraphUp" class="me-2" /> Line Chart <Badge Color="BadgeColor.Success">Updated</Badge></h4>
             </a>
         </div>
         <div class="col-sm-4 mb-2">
             <a class="d-block pe-lg-4 text-decoration-none lh-sm" href="/charts/pie-chart">
-                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.PieChart" class="me-2" /> Pie Chart</h4>
+                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.PieChart" class="me-2" /> Pie Chart <Badge Color="BadgeColor.Success">Updated</Badge></h4>
             </a>
         </div>
     </div>
@@ -261,7 +261,7 @@
     private string pageUrl = "/";
     private string title = "Blazor Bootstrap Component Library";
     private string description = "Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS framework.";
-    private string imageUrl = "https://i.imgur.com/FGgEMp6.jpg"; // TODO: update image
+    private string imageUrl = "https://i.imgur.com/MahdBbZ.png";
 
     private string version = default!;
     private string releaseShortDescription = default!;
@@ -275,4 +275,4 @@
 
         base.OnInitialized();
     }
-}
+}
diff --git a/BlazorBootstrap.Demo.Hosted/Client/wwwroot/appsettings.json b/BlazorBootstrap.Demo.Hosted/Client/wwwroot/appsettings.json
@@ -1,7 +1,7 @@
 {
   "version": "1.10.0",
   "release": {
-    "short_description": "Charts, Grid, Modal, Sidebar, Switch, and TimeInput updates!!!"
+    "short_description": "New card and dropdown components, chart, and other updates!!!"
   },
   "urls": {
     "docs": "//getblazorbootstrap.com/docs/getting-started/blazor-webassembly",

diff --git a/BlazorBootstrap.Demo.Server/Pages/Index.razor b/BlazorBootstrap.Demo.Server/Pages/Index.razor
@@ -61,7 +61,7 @@
         </div>
         <div class="col-sm-4 mb-2">
             <a class="d-block pe-lg-4 text-decoration-none lh-sm" href="/buttons">
-                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.ToggleOn" class="me-2" /> Buttons</h4>
+                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.ToggleOn" class="me-2" /> Buttons <Badge Color="BadgeColor.Success">Updated</Badge></h4>
             </a>
         </div>
         <div class="col-sm-4 mb-2">
@@ -116,7 +116,7 @@
         </div>
         <div class="col-sm-4 mb-2">
             <a class="d-block pe-lg-4 text-decoration-none lh-sm" href="/modals">
-                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.WindowStack" class="me-2" /> Modals <Badge Color="BadgeColor.Success">Updated</Badge></h4>
+                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.WindowStack" class="me-2" /> Modals</h4>
             </a>
         </div>
         <div class="col-sm-4 mb-2">
@@ -151,7 +151,7 @@
         </div>
         <div class="col-sm-4 mb-2">
             <a class="d-block pe-lg-4 text-decoration-none lh-sm" href="/sidebar">
-                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.LayoutSidebarInset" class="me-2" /> Sidebar <Badge Color="BadgeColor.Success">Updated</Badge></h4>
+                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.LayoutSidebarInset" class="me-2" /> Sidebar</h4>
             </a>
         </div>
         <div class="col-sm-4 mb-2">
@@ -166,7 +166,7 @@
         </div>
         <div class="col-sm-4 mb-2">
             <a class="d-block pe-lg-4 text-decoration-none lh-sm" href="/form/time-input">
-                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.ClockFill" class="me-2" /> Time Input <Badge Color="BadgeColor.Success">Updated</Badge></h4>
+                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.ClockFill" class="me-2" /> Time Input</h4>
             </a>
         </div>
         <div class="col-sm-4 mb-2">
@@ -215,7 +215,7 @@
         </div>
         <div class="col-sm-4 mb-2">
             <a class="d-block pe-lg-4 text-decoration-none lh-sm" href="/form/time-input">
-                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.ClockFill" class="me-2" /> Time Input <Badge Color="BadgeColor.Success">Updated</Badge></h4>
+                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.ClockFill" class="me-2" /> Time Input</h4>
             </a>
         </div>
     </div>
@@ -229,22 +229,22 @@
     <div class="row g-3 mt-5">
         <div class="col-sm-4 mb-2">
             <a class="d-block pe-lg-4 text-decoration-none lh-sm" href="/charts/bar-chart">
-                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.BarChartFill" class="me-2" /> Bar Chart</h4>
+                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.BarChartFill" class="me-2" /> Bar Chart <Badge Color="BadgeColor.Success">Updated</Badge></h4>
             </a>
         </div>
         <div class="col-sm-4 mb-2">
             <a class="d-block pe-lg-4 text-decoration-none lh-sm" href="/charts/doughnut-chart">
-                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.CircleFill" class="me-2" /> Doughnut Chart</h4>
+                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.CircleFill" class="me-2" /> Doughnut Chart <Badge Color="BadgeColor.Success">Updated</Badge></h4>
             </a>
         </div>
         <div class="col-sm-4 mb-2">
             <a class="d-block pe-lg-4 text-decoration-none lh-sm" href="/charts/line-chart">
-                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.GraphUp" class="me-2" /> Line Chart</h4>
+                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.GraphUp" class="me-2" /> Line Chart <Badge Color="BadgeColor.Success">Updated</Badge></h4>
             </a>
         </div>
         <div class="col-sm-4 mb-2">
             <a class="d-block pe-lg-4 text-decoration-none lh-sm" href="/charts/pie-chart">
-                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.PieChart" class="me-2" /> Pie Chart</h4>
+                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.PieChart" class="me-2" /> Pie Chart <Badge Color="BadgeColor.Success">Updated</Badge></h4>
             </a>
         </div>
     </div>
@@ -261,7 +261,7 @@
     private string pageUrl = "/";
     private string title = "Blazor Bootstrap Component Library";
     private string description = "Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS framework.";
-    private string imageUrl = "https://i.imgur.com/FGgEMp6.jpg"; // TODO: update image
+    private string imageUrl = "https://i.imgur.com/MahdBbZ.png";
 
     private string version = default!;
     private string releaseShortDescription = default!;
@@ -275,4 +275,4 @@
 
         base.OnInitialized();
     }
-}
+}
diff --git a/BlazorBootstrap.Demo.Server/appsettings.json b/BlazorBootstrap.Demo.Server/appsettings.json
@@ -8,7 +8,7 @@
   "AllowedHosts": "*",
   "version": "1.10.0",
   "release": {
-    "short_description": "Charts, Grid, Modal, Sidebar, Switch, and TimeInput updates!!!"
+    "short_description": "New card and dropdown components, chart, and other updates!!!"
   },
   "urls": {
     "docs": "//getblazorbootstrap.com/docs/getting-started/blazor-webassembly",

diff --git a/BlazorBootstrap.Demo/Pages/Index.razor b/BlazorBootstrap.Demo/Pages/Index.razor
@@ -61,7 +61,7 @@
         </div>
         <div class="col-sm-4 mb-2">
             <a class="d-block pe-lg-4 text-decoration-none lh-sm" href="/buttons">
-                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.ToggleOn" class="me-2" /> Buttons</h4>
+                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.ToggleOn" class="me-2" /> Buttons <Badge Color="BadgeColor.Success">Updated</Badge></h4>
             </a>
         </div>
         <div class="col-sm-4 mb-2">
@@ -116,7 +116,7 @@
         </div>
         <div class="col-sm-4 mb-2">
             <a class="d-block pe-lg-4 text-decoration-none lh-sm" href="/modals">
-                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.WindowStack" class="me-2" /> Modals <Badge Color="BadgeColor.Success">Updated</Badge></h4>
+                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.WindowStack" class="me-2" /> Modals</h4>
             </a>
         </div>
         <div class="col-sm-4 mb-2">
@@ -151,7 +151,7 @@
         </div>
         <div class="col-sm-4 mb-2">
             <a class="d-block pe-lg-4 text-decoration-none lh-sm" href="/sidebar">
-                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.LayoutSidebarInset" class="me-2" /> Sidebar <Badge Color="BadgeColor.Success">Updated</Badge></h4>
+                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.LayoutSidebarInset" class="me-2" /> Sidebar</h4>
             </a>
         </div>
         <div class="col-sm-4 mb-2">
@@ -166,7 +166,7 @@
         </div>
         <div class="col-sm-4 mb-2">
             <a class="d-block pe-lg-4 text-decoration-none lh-sm" href="/form/time-input">
-                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.ClockFill" class="me-2" /> Time Input <Badge Color="BadgeColor.Success">Updated</Badge></h4>
+                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.ClockFill" class="me-2" /> Time Input</h4>
             </a>
         </div>
         <div class="col-sm-4 mb-2">
@@ -215,7 +215,7 @@
         </div>
         <div class="col-sm-4 mb-2">
             <a class="d-block pe-lg-4 text-decoration-none lh-sm" href="/form/time-input">
-                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.ClockFill" class="me-2" /> Time Input <Badge Color="BadgeColor.Success">Updated</Badge></h4>
+                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.ClockFill" class="me-2" /> Time Input</h4>
             </a>
         </div>
     </div>
@@ -229,22 +229,22 @@
     <div class="row g-3 mt-5">
         <div class="col-sm-4 mb-2">
             <a class="d-block pe-lg-4 text-decoration-none lh-sm" href="/charts/bar-chart">
-                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.BarChartFill" class="me-2" /> Bar Chart</h4>
+                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.BarChartFill" class="me-2" /> Bar Chart <Badge Color="BadgeColor.Success">Updated</Badge></h4>
             </a>
         </div>
         <div class="col-sm-4 mb-2">
             <a class="d-block pe-lg-4 text-decoration-none lh-sm" href="/charts/doughnut-chart">
-                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.CircleFill" class="me-2" /> Doughnut Chart</h4>
+                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.CircleFill" class="me-2" /> Doughnut Chart <Badge Color="BadgeColor.Success">Updated</Badge></h4>
             </a>
         </div>
         <div class="col-sm-4 mb-2">
             <a class="d-block pe-lg-4 text-decoration-none lh-sm" href="/charts/line-chart">
-                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.GraphUp" class="me-2" /> Line Chart</h4>
+                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.GraphUp" class="me-2" /> Line Chart <Badge Color="BadgeColor.Success">Updated</Badge></h4>
             </a>
         </div>
         <div class="col-sm-4 mb-2">
             <a class="d-block pe-lg-4 text-decoration-none lh-sm" href="/charts/pie-chart">
-                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.PieChart" class="me-2" /> Pie Chart</h4>
+                <h4 class="mb-0 fs-5 fw-semibold"><Icon Name="IconName.PieChart" class="me-2" /> Pie Chart <Badge Color="BadgeColor.Success">Updated</Badge></h4>
             </a>
         </div>
     </div>
@@ -261,7 +261,7 @@
     private string pageUrl = "/";
     private string title = "Blazor Bootstrap Component Library";
     private string description = "Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS framework.";
-    private string imageUrl = "https://i.imgur.com/FGgEMp6.jpg"; // TODO: update image
+    private string imageUrl = "https://i.imgur.com/MahdBbZ.png";
 
     private string version = default!;
     private string releaseShortDescription = default!;
@@ -275,4 +275,4 @@
 
         base.OnInitialized();
     }
-}
+}
diff --git a/BlazorBootstrap.Demo/wwwroot/appsettings.json b/BlazorBootstrap.Demo/wwwroot/appsettings.json
@@ -1,7 +1,7 @@
 {
   "version": "1.10.0",
   "release": {
-    "short_description": "Charts, Grid, Modal, Sidebar, Switch, and TimeInput updates!!!"
+    "short_description": "New card and dropdown components, chart, and other updates!!!"
   },
   "urls": {
     "docs": "//getblazorbootstrap.com/docs/getting-started/blazor-webassembly",

diff --git a/...blog/2023-08-12-blazorbootstrap-1.10.0.md → ...blog/2023-08-13-blazorbootstrap-1.10.0.md b/...blog/2023-08-12-blazorbootstrap-1.10.0.md → ...blog/2023-08-13-blazorbootstrap-1.10.0.md
@@ -8,7 +8,7 @@ authors:
 tags: [v1.10.0, blazor, bootstrap, bootstrap5, blazorbootstrap, grid, blazorgrid]
 ---
 
-We are excited to release 1.10.0 with new Table and Card component. Charts, Grid, Button, Tooltip, and Switch component updates!!!
+We are excited to release 1.10.0 with new Card and Dropdown component. Charts, Grid, Button, Tooltip, and Switch component updates!!!
 
 ![image](https://i.imgur.com/qH7G1ZT.png "Blazor Bootstrap: Grid Component")
 
@@ -17,24 +17,40 @@ We are excited to release 1.10.0 with new Table and Card component. Charts, Grid
 ## What's New
 
 - `Dropdown` Component
-  - TODO: Update
+  - Single button
+  - Multiple colors
+  - Split button
+  - Sizing
+  - Directions (Dropup, Dropup centered, Dropend, and Dropstart)
+  - Active
+  - Disabled
+  - Menu content (Header, Dividers, Text, and Forms)
+  - Auto close behavior
 
 - `Card` Component
-  - TODO: Update
+  - Content types (Body, Titles, text, and links)
+  - Images
+  - List groups
+  - Header and footer
+  - Sizing
+  - Text alignment
+  - Background and color
+  - Card groups
+  - Card groups with footer
 
 ## What's changed
 
 - `Bar Chart` component
-  - TODO: Update
+  - New AddDataSetAsync and AddAsync methods
 
 - `Doughnut Chart` component
-  - TODO: Update
+  - New AddDataSetAsync and AddAsync methods
 
 - `Line Chart` component
-  - TODO: Update
+  - New AddDataSetAsync and AddAsync methods
 
 - `Pie Chart` component
-  - TODO: Update
+  - New AddDataSetAsync and AddAsync methods
 
 - `Grid` component
   - Grid: Filters translation support [#292](https://github.com/vikramlearning/blazorbootstrap/issues/292)
@@ -52,6 +68,10 @@ We are excited to release 1.10.0 with new Table and Card component. Charts, Grid
 ## Links
 - [Demo Website - Blazor Server](https://demos.blazorbootstrap.com/)
 - [Demo Website - Blazor WebAssembly](https://demos.getblazorbootstrap.com/)
-- [Blazor Line Chart Component Documentation](https://getblazorbootstrap.com/docs/components/charts)
+- [Blazor Card Component Documentation](https://getblazorbootstrap.com/docs/components/card)
+- [Blazor Dropdown Component Documentation](https://getblazorbootstrap.com/docs/components/dropdown)
+- [Blazor Chart Components Documentation](https://getblazorbootstrap.com/docs/components/charts)
 - [Blazor Grid Component Documentation](https://getblazorbootstrap.com/docs/components/grid)
+- [Blazor Button Component Documentation](https://getblazorbootstrap.com/docs/forms/buttons)
+- [Blazor Tooltip Component Documentation](https://getblazorbootstrap.com/docs/forms/tooltips)
 - [Blazor Switch Component Documentation](https://getblazorbootstrap.com/docs/forms/switch)