1036149: Reordered the AI and Smart Tooling topic in Blazor documentation hf

blazor-toc.html

@@ -243,6 +243,8 @@
 					<li><a href="/blazor/mcp-server/release-notes">Release Notes</a></li>
 				</ul>
 			</li>
+			<li><a href="/blazor/skills">Skills</a></li>
+			<li><a href="/blazor/agentic-ui-builder">Agentic UI Builder</a></li>
 			<li>Smart Components
 				<ul>
 					<li>Smart Paste Button
@@ -403,12 +405,6 @@
 					</li>
 				</ul>
 			</li>
-			<li>Skills
-				<ul>
-					<li><a href="/blazor/skills/component-skills">Component Skills</a></li>
-					<li><a href="/blazor/skills/agentic-ui-builder">Agentic UI Builder</a></li>
-				</ul>
-			</li>
 		</ul>
 	</li>
 	<li>Integration

blazor/Release-Notes/34.1.29.md

@@ -0,0 +1,96 @@
+---
+title: Essential Studio for Blazor Release Notes
+description: Learn here about the controls in the Essential Studio for Blazor 2026 Volume 2 Main Release - Release Notes
+platform: blazor
+documentation: ug
+---
+
+# Essential Studio for Blazor - v34.1.29 Release Notes
+
+{% include release-info.html date="July 06, 2026"  version="v34.1.29" passed="97643" failed="0" %} 
+
+{% directory path: _includes/release-notes/v34.1.29 %}
+
+{% include {{file.url}} %}
+
+{% enddirectory %}
+
+## Test Results
+
+| Component Name | Test Cases | Passed | Failed | Remarks |
+|---------------|------------|--------|--------|---------|
+| 3DChart | 376 | 376 | 0 | All Passed |
+| Accordion | 232 | 232 | 0 | All Passed |
+| AiAssistView | 463 | 463 | 0 | All Passed |
+| Appbar | 103 | 103 | 0 | All Passed |
+| Autocomplete | 484 | 484 | 0 | All Passed |
+| BarcodeGenerator | 440 | 440 | 0 | All Passed |
+| Breadcrumb | 137 | 137 | 0 | All Passed |
+| Bulletchart | 241 | 241 | 0 | All Passed |
+| Button | 255 | 255 | 0 | All Passed |
+| Calendar | 146 | 146 | 0 | All Passed |
+| Carousel | 177 | 177 | 0 | All Passed |
+| Charts | 6709 | 6709 | 0 | All Passed |
+| ChartWizard | 317 | 317 | 0 | All Passed |
+| ChatUI | 243 | 243 | 0 | All Passed |
+| Chips | 214 | 214 | 0 | All Passed |
+| CircularGauge | 1015 | 1015 | 0 | All Passed |
+| ColorPicker | 115 | 115 | 0 | All Passed |
+| ComboBox | 620 | 620 | 0 | All Passed |
+| DashboardLayout | 262 | 262 | 0 | All Passed |
+| DataForm | 548 | 548 | 0 | All Passed |
+| DataGrid | 10702 | 10702 | 0 | All Passed |
+| DatePicker | 580 | 580 | 0 | All Passed |
+| DateRangePicker | 368 | 368 | 0 | All Passed |
+| DateTimePicker | 475 | 475 | 0 | All Passed |
+| Diagram | 17089 | 17089 | 0 | All Passed |
+| Dialog | 488 | 488 | 0 | All Passed |
+| DropdownList | 920 | 920 | 0 | All Passed |
+| Dropdowntree | 214 | 214 | 0 | All Passed |
+| FileManager | 3460 | 3460 | 0 | All Passed |
+| FileUpload | 725 | 725 | 0 | All Passed |
+| FloatingActionButton | 128 | 128 | 0 | All Passed |
+| Gantt | 9368 | 9368 | 0 | All Passed |
+| HeatMap | 419 | 419 | 0 | All Passed |
+| ImageEditor | 3745 | 3745 | 0 | All Passed |
+| InPlaceEditor | 768 | 768 | 0 | All Passed |
+| InputMask | 172 | 172 | 0 | All Passed |
+| Kanban | 543 | 543 | 0 | All Passed |
+| LinearGauge | 801 | 801 | 0 | All Passed |
+| ListBox | 139 | 139 | 0 | All Passed |
+| ListView | 442 | 442 | 0 | All Passed |
+| Maps | 1756 | 1756 | 0 | All Passed |
+| Mention | 154 | 154 | 0 | All Passed |
+| Menu | 398 | 398 | 0 | All Passed |
+| Message | 211 | 211 | 0 | All Passed |
+| MultiselectDropdown | 907 | 907 | 0 | All Passed |
+| NumericTextbox | 467 | 467 | 0 | All Passed |
+| OtpInput | 123 | 123 | 0 | All Passed |
+| PivotTable | 1846 | 1846 | 0 | All Passed |
+| ProgressBar | 199 | 199 | 0 | All Passed |
+| progressbutton | 101 | 101 | 0 | All Passed |
+| QueryBuilder | 585 | 585 | 0 | All Passed |
+| RangeNavigator | 220 | 220 | 0 | All Passed |
+| Rating | 106 | 106 | 0 | All Passed |
+| Ribbon | 548 | 548 | 0 | All Passed |
+| RichTextEditor | 3218 | 3218 | 0 | All Passed |
+| Scheduler | 6768 | 6768 | 0 | All Passed |
+| Sidebar | 150 | 150 | 0 | All Passed |
+| Slider | 273 | 273 | 0 | All Passed |
+| SmithChart | 260 | 260 | 0 | All Passed |
+| Sparkline | 229 | 229 | 0 | All Passed |
+| SpeedDial | 353 | 353 | 0 | All Passed |
+| Splitter | 193 | 193 | 0 | All Passed |
+| Stepper | 218 | 218 | 0 | All Passed |
+| StockChart | 359 | 359 | 0 | All Passed |
+| Tabs | 1085 | 1085 | 0 | All Passed |
+| TextArea | 126 | 126 | 0 | All Passed |
+| Textbox | 685 | 685 | 0 | All Passed |
+| Timeline | 182 | 182 | 0 | All Passed |
+| TimePicker | 421 | 421 | 0 | All Passed |
+| Toast | 234 | 234 | 0 | All Passed |
+| Toolbar | 236 | 236 | 0 | All Passed |
+| Tooltip | 135 | 135 | 0 | All Passed |
+| TreeGrid | 8113 | 8113 | 0 | All Passed |
+| TreeMap | 775 | 775 | 0 | All Passed |
+| TreeView | 1366 | 1366 | 0 | All Passed |

blazor/appbar/getting-started-with-server-app.md

@@ -1,6 +1,6 @@
 ---
 layout: post
-title: Getting Started with AppBar in Blazor Server App | Syncfusion®
+title: Getting Started with Blazor AppBar in Blazor Server App | Syncfusion
 description: Checkout and learn about the documentation for getting started with Blazor AppBar Component in Blazor Server App.
 platform: Blazor
 component: AppBar

blazor/appbar/getting-started-with-web-app.md

@@ -1,6 +1,6 @@
 ---
 layout: post
-title: Getting Started with AppBar Component in Blazor Web App | Syncfusion®
+title: Getting Started with Blazor AppBar in Blazor Web App | Syncfusion
 description: Checkout and learn about the documentation for getting started with Blazor AppBar Component in Blazor Web App.
 platform: Blazor
 component: AppBar
@@ -243,3 +243,4 @@ N> [View Sample in GitHub](https://github.com/SyncfusionExamples/Blazor-Getting-
 1. [Getting Started with Blazor for client-side in .NET Core CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-dotnet-cli)
 2. [Getting Started with Blazor for client-side in Visual Studio](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-visual-studio)
 3. [Getting Started with Blazor for server-side in .NET Core CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-dotnet-cli)
+

blazor/chart/series-label.md

@@ -0,0 +1,194 @@
+---
+layout: post
+title: Series Label in Blazor Charts Component | Syncfusion
+description: Check out and learn here all about the Series label in the Syncfusion Blazor Charts component and much more.
+platform: Blazor
+control: Chart
+documentation: ug
+keywords: Blazor Chart series label, series label, chart labels, inline series labels, chart series customization, SeriesLabelSettings
+---
+
+# Series Label in Blazor Charts Component
+
+The series label feature displays the name of each series directly within the chart area. This improves readability by helping users identify series inline and reduces reliance on the legend.
+
+This feature is especially useful in multi-series visualizations and exported charts, where quick in-chart identification is important.Series labels can be enabled and customized using the `SeriesLabelSettings` property.
+
+N> **Supported Series Types:** Series labels are available for Line, Area, Scatter, Column, Bar, Polar Line, and Radar Line chart types.
+
+## Enable series labels
+
+To display series labels, set the `Visible` property of `SeriesLabelSettings` to `true` for the required series.
+
+```cshtml
+
+@using Syncfusion.Blazor.Charts
+
+<SfChart Title="Startup Growth Metrics Over 6 Months" Width="100%" Height="450px">
+<ChartLegendSettings Visible="false" />
+    <ChartPrimaryXAxis ValueType="Syncfusion.Blazor.Charts.ValueType.Category" Title="Month">
+    </ChartPrimaryXAxis>
+    <ChartPrimaryYAxis Title="Count / Score">
+    </ChartPrimaryYAxis>
+    <ChartSeriesCollection>
+        <ChartSeries DataSource="@ActiveUsersData" Name="Active Users" XName="Month" YName="Value" Type="ChartSeriesType.Line" Width="3" Fill="#4F65F1">
+            <ChartMarker Visible="true" Width="10" Height="10" IsFilled="true" Shape="ChartShape.Circle" />
+            <SeriesLabelSettings Visible="true"> </SeriesLabelSettings>
+        </ChartSeries>
+    <ChartSeries DataSource="@SupportTicketsData" Name="Support Tickets" XName="Month" YName="Value" Type="ChartSeriesType.Line" Width="3" Fill="#E6951A">
+            <ChartMarker Visible="true" Width="10" Height="10" IsFilled="true" Shape="ChartShape.Diamond" />
+            <SeriesLabelSettings Visible="true"> </SeriesLabelSettings>
+        </ChartSeries>
+    <ChartSeries DataSource="@FeatureRequestsData" Name="Feature Requests" XName="Month" YName="Value" Type="ChartSeriesType.Line" Width="3" Fill="#2DBE60">
+            <ChartMarker Visible="true" Width="10" Height="10" IsFilled="true" Shape="ChartShape.Triangle" />
+            <SeriesLabelSettings Visible="true"> </SeriesLabelSettings>
+        </ChartSeries>
+    </ChartSeriesCollection>
+</SfChart>
+
+@code {
+    public class MetricData
+    {
+        public string Month { get; set; }
+        public double Value { get; set; }
+    }
+
+    public List<MetricData> ActiveUsersData = new()
+    {
+        new MetricData { Month = "Feb", Value = 420 },
+        new MetricData { Month = "Mar", Value = 460 },
+        new MetricData { Month = "Apr", Value = 445 },
+        new MetricData { Month = "May", Value = 495 },
+        new MetricData { Month = "Jun", Value = 535 }
+    };
+
+    public List<MetricData> SupportTicketsData = new()
+    {
+        new MetricData { Month = "Feb", Value = 210 },
+        new MetricData { Month = "Mar", Value = 240 },
+        new MetricData { Month = "Apr", Value = 225 },
+        new MetricData { Month = "May", Value = 260 },
+        new MetricData { Month = "Jun", Value = 275 }
+    };
+
+    public List<MetricData> FeatureRequestsData = new()
+    {
+        new MetricData { Month = "Feb", Value = 65 },
+        new MetricData { Month = "Mar", Value = 78 },
+        new MetricData { Month = "Apr", Value = 72 },
+        new MetricData { Month = "May", Value = 95 },
+        new MetricData { Month = "Jun", Value = 108 }
+    };
+}
+
+```
+
+<!-- TODO: Add Blazor Playground sample after release -->
+![Blazor line chart displaying inline series labels](images/series-label/blazor-line-chart-series-label.webp)
+
+## Customization
+
+You can customize the appearance of the series label using the following properties.
+
+### SeriesLabelSettings Properties
+
+Configure the main series label appearance:
+
+In the `SeriesLabelSettings`:
+* `Visible`: Enables or disables the display of series labels. Set to `true` to display the label for the corresponding series.
+* `Text`: Specifies the custom text to be displayed in the series label. If this property is not set, the label displays the corresponding series name by default.
+* `Background`: Specifies the background color of the series label. This helps the label stand out clearly within the chart area.
+* `Opacity`: Specifies the transparency level of the series label. The accepted range is from 0 to 1, where 0 represents full transparency and 1 represents full opacity. For example, set `Opacity="0.5"` for 50% transparency.
+* `ShowOverlapText`: Determines whether overlapping series labels should be displayed. This is useful when labels overlap because the corresponding series are positioned close to one another.
+
+In the `SeriesLabelBorder`:
+* `Color`: Specifies the border color of the series label. This can be used to visually separate the label from the chart background.
+* `Width`: Specifies the width of the border around the series label. A higher value makes the border more visible.
+
+In the `SeriesLabelFont`:
+* `Size`: Specifies the font size of the label text.
+* `Color`: Specifies the font color of the label text.
+* `FontFamily`: Specifies the font family of the label text.
+* `FontWeight`: Specifies the font weight of the label text. Valid values include `normal`, `bold`, `600`, `700`, etc. (CSS font-weight format).
+
+```cshtml
+
+@using Syncfusion.Blazor.Charts
+
+<SfChart Title="Startup Growth Metrics Over 6 Months" Width="100%" Height="450px">
+<ChartLegendSettings Visible="false" />
+    <ChartPrimaryXAxis ValueType="Syncfusion.Blazor.Charts.ValueType.Category" Title="Month">
+    </ChartPrimaryXAxis>
+    <ChartPrimaryYAxis Title="Count / Score">
+    </ChartPrimaryYAxis>
+    <ChartSeriesCollection>
+        <ChartSeries DataSource="@ActiveUsersData" Name="Active Users" XName="Month" YName="Value" Type="ChartSeriesType.Line" Width="3" Fill="#4F65F1">
+            <ChartMarker Visible="true" Width="10" Height="10" IsFilled="true" Shape="ChartShape.Circle" />
+        <SeriesLabelSettings Visible="true" Background="#DCE8DC" Opacity="1">
+            <SeriesLabelFont Size="13px" FontFamily="Segoe UI" FontWeight="600" Color="#2E7D32" />
+            <SeriesLabelBorder Width="2" Color="#4A9652" />
+        </SeriesLabelSettings>
+        </ChartSeries>
+        <ChartSeries DataSource="@SupportTicketsData" Name="Support Tickets" XName="Month" YName="Value" Type="ChartSeriesType.Line" Width="3" Fill="#E6951A">
+            <ChartMarker Visible="true" Width="10" Height="10" IsFilled="true" Shape="ChartShape.Diamond" />
+        <SeriesLabelSettings Visible="true" Background="#DCE8DC" Opacity="1">
+            <SeriesLabelFont Size="13px" FontFamily="Segoe UI" FontWeight="600" Color="#2E7D32" />
+            <SeriesLabelBorder Width="2" Color="#4A9652" />
+        </SeriesLabelSettings>
+        </ChartSeries>
+        <ChartSeries DataSource="@FeatureRequestsData" Name="Feature Requests" XName="Month" YName="Value" Type="ChartSeriesType.Line" Width="3" Fill="#2DBE60">
+            <ChartMarker Visible="true" Width="10" Height="10" IsFilled="true" Shape="ChartShape.Triangle" />
+        <SeriesLabelSettings Visible="true" Background="#DCE8DC" Opacity="1">
+            <SeriesLabelFont Size="13px" FontFamily="Segoe UI" FontWeight="600" Color="#2E7D32" />
+            <SeriesLabelBorder Width="2" Color="#4A9652" />
+        </SeriesLabelSettings>
+        </ChartSeries>
+    </ChartSeriesCollection>
+</SfChart>
+
+@code {
+    public class MetricData
+    {
+        public string Month { get; set; }
+        public double Value { get; set; }
+    }
+
+    public List<MetricData> ActiveUsersData = new()
+    {
+        new MetricData { Month = "Feb", Value = 420 },
+        new MetricData { Month = "Mar", Value = 460 },
+        new MetricData { Month = "Apr", Value = 445 },
+        new MetricData { Month = "May", Value = 495 },
+        new MetricData { Month = "Jun", Value = 535 }
+    };
+
+    public List<MetricData> SupportTicketsData = new()
+    {
+        new MetricData { Month = "Feb", Value = 210 },
+        new MetricData { Month = "Mar", Value = 240 },
+        new MetricData { Month = "Apr", Value = 225 },
+        new MetricData { Month = "May", Value = 260 },
+        new MetricData { Month = "Jun", Value = 275 }
+    };
+
+    public List<MetricData> FeatureRequestsData = new()
+    {
+        new MetricData { Month = "Feb", Value = 65 },
+        new MetricData { Month = "Mar", Value = 78 },
+        new MetricData { Month = "Apr", Value = 72 },
+        new MetricData { Month = "May", Value = 95 },
+        new MetricData { Month = "Jun", Value = 108 }
+    };
+}
+
+```
+
+<!-- TODO: Add Blazor Playground sample after release -->
+![Blazor line chart with customized series label background, font, and border](images/series-label/blazor-line-chart-series-label-customization.webp)
+
+## See also
+
+* [Data Label](./data-labels)
+* [Legend](./legend)
+
+N> Refer to the [Blazor Charts](https://www.syncfusion.com/blazor-components/blazor-charts) feature tour page to explore the available chart features. You can also check the [Blazor Chart Example](https://blazor.syncfusion.com/demos/chart/line?theme=bootstrap5) to learn how chart types are used to visualize data trends over equal intervals.