Testing_PR_creation_test

ej2-angular-toc.html

@@ -1,6 +1,5 @@
 <?xml version="1.0" encoding="utf-8"?>
 <ul class="treeview">
-
 <li><a href="/ej2-angular/introduction">Introduction</a></li>
 <li><a href="/ej2-angular/system-requirement">System Requirements</a></li>
 <li><a href="/ej2-angular/browser">Browser Compatibility</a></li>
@@ -168,7 +167,6 @@
 </ul>
 </li>
 <li><a href="/ej2-angular/showcase-samples">Sample Applications</a></li>
-
 <li>
     3D Chart
      <ul>
@@ -3186,7 +3184,7 @@
 		<li>2026 Volume 1 - 33.*
 			<ul>
 			<li>Weekly Release
-				<ul>
+				<ul><li><a href="/ej2-angular/release-notes/33.2.4">33.2.4</a></li>
 					<li><a href="/ej2-angular/release-notes/33.1.49">33.1.49</a></li>
 					<li><a href="/ej2-angular/release-notes/33.1.47">33.1.47</a></li>
 					<li><a href="/ej2-angular/release-notes/33.1.46">33.1.46</a></li>

ej2-angular/Release-notes/33.2.4.md

@@ -0,0 +1,99 @@
+---
+title: Essential Studio for Angular Release Notes - v33.2.4
+description: Learn here about the controls in the Essential Studio for Angular Weekly Release - Release Notes - v33.2.4
+platform: ej2-angular
+documentation: ug
+---
+
+# Essential Studio for Angular - v33.2.4 Release Notes 
+
+{% include release-info.html date="April 28, 2026"  version="v33.2.4" passed="75809" failed="0" %}
+
+{% directory path: _includes/release-notes/v33.2.4 %}
+
+{% include {{file.url}} %}
+
+{% enddirectory %}
+
+## Test Results
+
+| Component Name | Test Cases | Passed | Failed | Remarks |
+|---------------|------------|--------|--------|---------|
+| 3D Chart | 232 | 232 | 0 | All Passed |
+| 3D Circular Chart | 374 | 374 | 0 | All Passed |
+| Accordion | 113 | 113 | 0 | All Passed |
+| AI Assist View | 523 | 523 | 0 | All Passed |
+| App Bar | 68 | 68 | 0 | All Passed |
+| AutoComplete | 200 | 200 | 0 | All Passed |
+| Breadcrumb | 160 | 160 | 0 | All Passed |
+| Bullet Chart | 169 | 169 | 0 | All Passed |
+| Button | 145 | 145 | 0 | All Passed |
+| ButtonGroup | 120 | 120 | 0 | All Passed |
+| calendar | 178 | 178 | 0 | All Passed |
+| Carousel | 62 | 62 | 0 | All Passed |
+| Chart | 8260 | 8260 | 0 | All Passed |
+| Chat UI | 690 | 690 | 0 | All Passed |
+| Checkbox | 37 | 37 | 0 | All Passed |
+| CircularGauge | 432 | 432 | 0 | All Passed |
+| ColorPicker | 130 | 130 | 0 | All Passed |
+| Combo Box | 148 | 148 | 0 | All Passed |
+| Common | 906 | 906 | 0 | All Passed |
+| Context Menu | 106 | 106 | 0 | All Passed |
+| Dashboard layout | 30 | 30 | 0 | All Passed |
+| Data Grid | 4139 | 4139 | 0 | All Passed |
+| Date Picker | 431 | 431 | 0 | All Passed |
+| Date Range Picker | 515 | 515 | 0 | All Passed |
+| Date Time Picker | 326 | 326 | 0 | All Passed |
+| Diagram | 16910 | 16910 | 0 | All Passed |
+| Dialog | 74 | 74 | 0 | All Passed |
+| DropDown Button | 132 | 132 | 0 | All Passed |
+| Dropdown List | 210 | 210 | 0 | All Passed |
+| Dropdown Tree | 110 | 110 | 0 | All Passed |
+| File Manager | 2198 | 2198 | 0 | All Passed |
+| Floating Action Button | 174 | 174 | 0 | All Passed |
+| Gantt | 5486 | 5486 | 0 | All Passed |
+| HeatMap Chart | 677 | 677 | 0 | All Passed |
+| Image Editor | 1653 | 1653 | 0 | All Passed |
+| In-place Editor | 643 | 643 | 0 | All Passed |
+| Kanban | 268 | 268 | 0 | All Passed |
+| LinearGauge | 427 | 427 | 0 | All Passed |
+| Listbox | 115 | 115 | 0 | All Passed |
+| ListView | 84 | 84 | 0 | All Passed |
+| Maps | 1387 | 1387 | 0 | All Passed |
+| Mention | 50 | 50 | 0 | All Passed |
+| Menu | 187 | 187 | 0 | All Passed |
+| Multicolumn Combo Box | 257 | 257 | 0 | All Passed |
+| Multiselect Dropdown | 453 | 453 | 0 | All Passed |
+| OTP Input | 240 | 240 | 0 | All Passed |
+| Pivot Table | 5371 | 5371 | 0 | All Passed |
+| Progress Bar | 83 | 83 | 0 | All Passed |
+| Progress Button | 132 | 132 | 0 | All Passed |
+| Query Builder | 480 | 480 | 0 | All Passed |
+| RadioButton | 45 | 45 | 0 | All Passed |
+| RangeNavigator | 140 | 140 | 0 | All Passed |
+| Rating | 198 | 198 | 0 | All Passed |
+| Ribbon | 628 | 628 | 0 | All Passed |
+| Rich Text Editor | 5138 | 5138 | 0 | All Passed |
+| schedule | 4733 | 4733 | 0 | All Passed |
+| sidebar | 94 | 94 | 0 | All Passed |
+| Signature | 105 | 105 | 0 | All Passed |
+| Skeleton | 144 | 144 | 0 | All Passed |
+| Slider | 147 | 147 | 0 | All Passed |
+| SmithChart | 49 | 49 | 0 | All Passed |
+| Sparkline | 58 | 58 | 0 | All Passed |
+| Speech To Text | 200 | 200 | 0 | All Passed |
+| Speed Dial | 366 | 366 | 0 | All Passed |
+| Split Button | 145 | 145 | 0 | All Passed |
+| Stepper | 91 | 91 | 0 | All Passed |
+| Stock Chart | 507 | 507 | 0 | All Passed |
+| Tab | 71 | 71 | 0 | All Passed |
+| Text Area | 112 | 112 | 0 | All Passed |
+| TextBox | 67 | 67 | 0 | All Passed |
+| Time Picker | 180 | 180 | 0 | All Passed |
+| Timeline | 213 | 213 | 0 | All Passed |
+| Toast | 139 | 139 | 0 | All Passed |
+| Toolbar | 141 | 141 | 0 | All Passed |
+| ToolTip | 138 | 138 | 0 | All Passed |
+| TreeGrid | 4965 | 4965 | 0 | All Passed |
+| Treemap | 329 | 329 | 0 | All Passed |
+| Treeview | 371 | 371 | 0 | All Passed |

ej2-angular/block-editor/getting-started.md

@@ -88,14 +88,14 @@ The following CSS files are available in `https://ej2.syncfusion.com/angular/doc
 This can be referenced in [src/styles.css] using following code.
 
 ```css
-@import '../node_modules/@syncfusion/ej2-base/styles/material3.css';
-@import '../node_modules/@syncfusion/ej2-inputs/styles/material3.css';
-@import '../node_modules/@syncfusion/ej2-popups/styles/material3.css';
-@import '../node_modules/@syncfusion/ej2-buttons/styles/material3.css';
-@import '../node_modules/@syncfusion/ej2-splitbuttons/styles/material3.css';
-@import '../node_modules/@syncfusion/ej2-navigations/styles/material3.css';
-@import '../node_modules/@syncfusion/ej2-dropdowns/styles/material3.css';
-@import '../node_modules/@syncfusion/ej2-angular-blockeditor/styles/material3.css';
+@import '../node_modules/@syncfusion/ej2-base/styles/tailwind3.css';
+@import '../node_modules/@syncfusion/ej2-inputs/styles/tailwind3.css';
+@import '../node_modules/@syncfusion/ej2-popups/styles/tailwind3.css';
+@import '../node_modules/@syncfusion/ej2-buttons/styles/tailwind3.css';
+@import '../node_modules/@syncfusion/ej2-splitbuttons/styles/tailwind3.css';
+@import '../node_modules/@syncfusion/ej2-navigations/styles/tailwind3.css';
+@import '../node_modules/@syncfusion/ej2-dropdowns/styles/tailwind3.css';
+@import '../node_modules/@syncfusion/ej2-angular-blockeditor/styles/tailwind3.css';
 ```
 
 ## Add Syncfusion Block Editor Component

ej2-angular/chart/chart-elements/chart-annotations.md

@@ -102,7 +102,7 @@ By setting text div in the [`content`](https://ej2.syncfusion.com/angular/docume
 
 ## Annotation customization
 
-### Dotted line in Angular Chart component
+### Dotted line
 
 Set the annotation [`coordinateUnits`](https://ej2.syncfusion.com/angular/documentation/api/chart/chartAnnotationSettingsModel#coordinateunits) to `Point` to place dotted lines at specific data point positions using their [`x`](https://ej2.syncfusion.com/angular/documentation/api/chart/chartAnnotationSettingsModel#x) and [`y`](https://ej2.syncfusion.com/angular/documentation/api/chart/chartAnnotationSettingsModel#y) values.
 
@@ -118,7 +118,7 @@ Set the annotation [`coordinateUnits`](https://ej2.syncfusion.com/angular/docume
 
 {% previewsample "page.domainurl/samples/chart/how-to-cs6" %}
 
-### Footer in Angular Chart component
+### Footer
 
 Use annotations to add both a watermark and a footer to the chart. Initialize custom elements with the [`annotation`](https://ej2.syncfusion.com/angular/documentation/api/chart/chartAnnotationSettingsModel) property and provide the HTML to render via the [`content`](https://ej2.syncfusion.com/angular/documentation/api/chart/annotationDirective#content) option. For a watermark, supply the text "syncfusion" and position it using the desired [`coordinateUnits`](https://ej2.syncfusion.com/angular/documentation/api/chart/chartAnnotationSettingsModel#coordinateunits).
 
@@ -154,7 +154,7 @@ Use the [`x`](https://ej2.syncfusion.com/angular/documentation/api/chart/chartAn
 
 {% previewsample "page.domainurl/samples/chart/how-to-cs8" %}
 
-### Stacking total in Angular Chart component
+### Stacking total
 
 To show the total at each stacked data point, handle the [`annotationRender`](https://ej2.syncfusion.com/angular/documentation/api/chart/chartModel#annotationrender) event to compute the series' stacked value and update the annotation content before it renders.
 

ej2-angular/chart/chart-elements/data-labels.md

@@ -305,7 +305,7 @@ The appearance of the last value label can be customized using style properties
 
 {% previewsample "page.domainurl/samples/chart/last-value-label-customization" %}
 
-## Prevent data label in Angular Chart component
+## Prevent data label
 
 Hide data labels for points whose value is 0 using the [`textRender`](https://ej2.syncfusion.com/angular/documentation/api/chart/chartModel#textrender) event. In the handler, check `args.point.y` and set `args.cancel` to `true` when it equals 0.
 

ej2-angular/chart/chart-interactive/tool-tip.md

@@ -166,7 +166,7 @@ The [`highlightColor`](https://ej2.syncfusion.com/angular/documentation/api/char
 
 {% previewsample "page.domainurl/samples/chart/user-interaction/tooltip-cs6" %}
 
-## Hide tooltip in Angular Chart component
+## Hide tooltip
 
 Use the [`tooltipRender`](https://ej2.syncfusion.com/angular/documentation/api/chart/chartModel#tooltiprender) event to hide tooltips for deselected series. When a series is deselected, cancel the tooltip in the event.
 
@@ -182,7 +182,7 @@ Use the [`tooltipRender`](https://ej2.syncfusion.com/angular/documentation/api/c
 
 {% previewsample "page.domainurl/samples/chart/how-to-cs9" %}
 
-## Percentage tooltip in Angular Chart component
+## Percentage tooltip
 
 Use the [`tooltipRender`](https://ej2.syncfusion.com/angular/documentation/api/chart/chartModel#tooltiprender) event to display percentage values for pie points. Compute the percentage from `args.point.y` and `args.series.sumOfPoints`, then set the formatted result on `args.content`.
 
@@ -198,7 +198,7 @@ Use the [`tooltipRender`](https://ej2.syncfusion.com/angular/documentation/api/c
 
 {% previewsample "page.domainurl/samples/chart/how-to-cs15" %}
 
-## Tooltip format in Angular Chart component
+## Tooltip format
 
 Use the [`tooltipRender`](https://ej2.syncfusion.com/angular/documentation/api/chart/chartModel#tooltiprender) event to read the current point's x value and format it with `formatDate` for display in the tooltip.
 
@@ -216,7 +216,7 @@ The output will appear as follows,
 
 {% previewsample "page.domainurl/samples/chart/how-to-cs21" %}
 
-## Tooltip as table in Angular Chart component
+## Tooltip as table
 
 Render a table in the tooltip using the tooltip template.
 

ej2-angular/chart/chart-interactive/zooming.md

@@ -131,7 +131,7 @@ Using the [`enableScrollbar`](https://ej2.syncfusion.com/angular/documentation/a
 
 {% previewsample "page.domainurl/samples/chart/user-interaction/scrollbar-cs1" %}
 
-### Initial scrollbar in Angular Chart component
+### Initial scrollbar
 
 Show the scrollbar on initial render by setting a `zoomFactor` on `primaryXAxis`, setting `isZoomed` to `true` in the [`load`](https://ej2.syncfusion.com/angular/documentation/api/chart/chartModel#load) event, and setting `enableScrollbar` to `true` in `zoomSettings`.
 

ej2-angular/code-snippet/block-editor/appearance/index.html

@@ -6,14 +6,14 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="description" content="Angular Block Editor Component" />
     <meta name="author" content="Syncfusion" />
-    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-base/styles/fluent2.css" rel="stylesheet" />
-    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-buttons/styles/fluent2.css" rel="stylesheet" />
-    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-popups/styles/fluent2.css" rel="stylesheet" />
-    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-inputs/styles/fluent2.css" rel="stylesheet" />
-    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-navigations/styles/fluent2.css" rel="stylesheet" />
-    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-splitbuttons/styles/fluent2.css" rel="stylesheet"/>
-    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-dropdowns/styles/fluent2.css" rel="stylesheet">
-    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-blockeditor/styles/fluent2.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-base/styles/tailwind3.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-buttons/styles/tailwind3.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-popups/styles/tailwind3.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-inputs/styles/tailwind3.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-navigations/styles/tailwind3.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-splitbuttons/styles/tailwind3.css" rel="stylesheet"/>
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-dropdowns/styles/tailwind3.css" rel="stylesheet">
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-blockeditor/styles/tailwind3.css" rel="stylesheet" />
 
     <link href="index.css" rel="stylesheet" />
 </head>

ej2-angular/code-snippet/block-editor/blocks/block-types/code-block/index.html

@@ -6,14 +6,14 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="description" content="Angular Block Editor Component" />
     <meta name="author" content="Syncfusion" />
-    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-base/styles/fluent2.css" rel="stylesheet" />
-    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-buttons/styles/fluent2.css" rel="stylesheet" />
-    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-popups/styles/fluent2.css" rel="stylesheet" />
-    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-inputs/styles/fluent2.css" rel="stylesheet" />
-    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-navigations/styles/fluent2.css" rel="stylesheet" />
-    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-splitbuttons/styles/fluent2.css" rel="stylesheet"/>
-    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-dropdowns/styles/fluent2.css" rel="stylesheet">
-    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-blockeditor/styles/fluent2.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-base/styles/tailwind3.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-buttons/styles/tailwind3.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-popups/styles/tailwind3.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-inputs/styles/tailwind3.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-navigations/styles/tailwind3.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-splitbuttons/styles/tailwind3.css" rel="stylesheet"/>
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-dropdowns/styles/tailwind3.css" rel="stylesheet">
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-blockeditor/styles/tailwind3.css" rel="stylesheet" />
 
     <link href="index.css" rel="stylesheet" />
 </head>

ej2-angular/code-snippet/block-editor/blocks/block-types/divider-block/index.html

@@ -6,14 +6,14 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="description" content="Angular Block Editor Component" />
     <meta name="author" content="Syncfusion" />
-    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-base/styles/fluent2.css" rel="stylesheet" />
-    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-buttons/styles/fluent2.css" rel="stylesheet" />
-    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-popups/styles/fluent2.css" rel="stylesheet" />
-    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-inputs/styles/fluent2.css" rel="stylesheet" />
-    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-navigations/styles/fluent2.css" rel="stylesheet" />
-    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-splitbuttons/styles/fluent2.css" rel="stylesheet"/>
-    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-dropdowns/styles/fluent2.css" rel="stylesheet">
-    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-blockeditor/styles/fluent2.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-base/styles/tailwind3.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-buttons/styles/tailwind3.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-popups/styles/tailwind3.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-inputs/styles/tailwind3.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-navigations/styles/tailwind3.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-splitbuttons/styles/tailwind3.css" rel="stylesheet"/>
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-dropdowns/styles/tailwind3.css" rel="stylesheet">
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-blockeditor/styles/tailwind3.css" rel="stylesheet" />
 
     <link href="index.css" rel="stylesheet" />
 </head>

ej2-angular/code-snippet/block-editor/blocks/block-types/heading-block/index.html

@@ -6,14 +6,14 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="description" content="Angular Block Editor Component" />
     <meta name="author" content="Syncfusion" />
-    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-base/styles/fluent2.css" rel="stylesheet" />
-    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-buttons/styles/fluent2.css" rel="stylesheet" />
-    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-popups/styles/fluent2.css" rel="stylesheet" />
-    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-inputs/styles/fluent2.css" rel="stylesheet" />
-    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-navigations/styles/fluent2.css" rel="stylesheet" />
-    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-splitbuttons/styles/fluent2.css" rel="stylesheet"/>
-    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-dropdowns/styles/fluent2.css" rel="stylesheet">
-    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-blockeditor/styles/fluent2.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-base/styles/tailwind3.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-buttons/styles/tailwind3.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-popups/styles/tailwind3.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-inputs/styles/tailwind3.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-navigations/styles/tailwind3.css" rel="stylesheet" />
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-splitbuttons/styles/tailwind3.css" rel="stylesheet"/>
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-dropdowns/styles/tailwind3.css" rel="stylesheet">
+    <link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-blockeditor/styles/tailwind3.css" rel="stylesheet" />
 
     <link href="index.css" rel="stylesheet" />
 </head>