Essential Studio for Blazor - v32.2.3 Release Notes
Chart
Bug Fix
-
#I803660- Chart X-axis labels are now displayed correctly when the axis is set to be inverse.
Context Menu
Bug Fixes
-
#I803539- An issue where Context Menu icons were misaligned vertically and positioned slightly lower has been resolved.
Data Grid
Bug Fix
-
#I803723- Fixed inconsistent filtered icon appearance across all themes.
DropDown Button
Bug Fixes
-
#I801255– Resolved an issue where the Dropdown Menu closed when its popup height exceeded the viewport.
DropDown List
Bug Fixes
-
#I802743- Fixed console exception when conditionally rendering the dropdown list on value change event. -
#I803678- Resolved exceptions in DropDownList component during rendering and interaction scenarios.
Gantt Chart
Feature
-
I740776,FB68478- Added multi-page support to automatically paginate exported content that exceeds a single page. This enhancement includes proportional scaling for height and width to ensure proper fit within PDF pages, along with header and footer alignment options (left, center, right) for improved formatting. Explore the multi-page support in the demo.
Code Example:
@using Syncfusion.Blazor.Gantt
<SfGantt @ref="GanttInstance"
DataSource="@TaskCollection"
AllowPdfExport="true"
Toolbar="@(new List<object>
{
new Syncfusion.Blazor.Navigations.ToolbarItem()
{
Text = "PDF Export",
TooltipText = "PDF Export",
Id = "PdfExport",
PrefixIcon = "e-pdfexport"
}
})">
<GanttEvents OnToolbarClick="ToolbarClickHandler" PdfExporting="PdfExportingHandler" TValue="TaskData"></GanttEvents>
</SfGantt>
@code {
private SfGantt<TaskData> GanttInstance;
private async Task ToolbarClickHandler(Syncfusion.Blazor.Navigations.ClickEventArgs args)
{
var exportProperties = new GanttPdfExportProperties
{
FileName = "New File.pdf"
};
var headerContent = new List<PdfHeaderFooterContent>
{
new PdfHeaderFooterContent
{
Type = ContentType.Text,
Value = "Gantt Chart PDF Export Header",
Style = new PdfContentStyle
{
TextBrushColor = "#000000",
FontSize = 13,
HAlign = Syncfusion.Blazor.Grids.PdfHorizontalAlign.Center
}
}
};
var footerContent = new List<PdfHeaderFooterContent>
{
new PdfHeaderFooterContent
{
Type = ContentType.Text,
Value = "Gantt Chart PDF Export Footer",
Style = new PdfContentStyle
{
TextBrushColor = "#000000",
FontSize = 13,
HAlign = Syncfusion.Blazor.Grids.PdfHorizontalAlign.Center
}
}
};
var header = new PdfHeader
{
FromTop = 0,
Left = 0,
Height = 100,
Contents = headerContent
};
var footer = new PdfFooter
{
FromBottom = 0,
Left = 0,
Height = 100,
Contents = footerContent
};
exportProperties.Header = header;
exportProperties.Footer = footer;
if (args.Item.Id == "PdfExport")
{
await GanttInstance.ExportToPdfAsync(exportProperties, true);
}
}
private void PdfExportingHandler(PdfExportEventArgs args)
{
args.MultiPageSettings.ScaleMode = GanttPdfExportScaleMode.Percentage;
args.MultiPageSettings.ScalePercentage = 50;
}
}
ListBox
Bug Fixes
-
#I802672– Resolved an issue where using a nullable int as TValue caused the ValueChange event to return null value in the event arguments.
Menu
Bug fixes
-
#I803211- An issue where the Menu inside a DropdownButton was not receiving focus when navigating with the Down Arrow key after pressing Enter has been resolved.
MultiSelect
Bug Fixes
-
#I803678- Resolved exceptions in MultiSelect component during rendering and interaction scenarios.
Numeric TextBox
Bug Fixes
-
#I804721– Resolved the accessibility issue related to the aria-label attribute in the Numeric TextBox component.
Toast
Bug Fixes
-
#I803678- Resolved exceptions in Toast component during rendering and interaction scenarios.
Tooltip
Bug Fixes
-
#I803678- Resolved exceptions in Tooltip component during rendering and interaction scenarios.
Tree Grid
Bug Fix
-
#I803723- Fixed inconsistent filtered icon appearance across all themes.
Visual Studio Code Extensions
Features
- Syncfusion has introduced a Visual Studio Code Scaffolder for the Blazor platform, enabling developers to generate Razor pages and controllers for DataGrid, TreeGrid, Charts, Scheduler, and Diagram components using models and data contexts.
Test Results
| Component Name | Test Cases | Passed | Failed | Remarks |
|---|---|---|---|---|
| 3DChart | 198 | 198 | 0 | All Passed |
| Accordion | 232 | 232 | 0 | All Passed |
| AiAssistView | 445 | 445 | 0 | All Passed |
| Appbar | 102 | 102 | 0 | All Passed |
| Autocomplete | 469 | 469 | 0 | All Passed |
| BarcodeGenerator | 440 | 440 | 0 | All Passed |
| Breadcrumb | 137 | 137 | 0 | All Passed |
| Bulletchart | 237 | 237 | 0 | All Passed |
| Button | 255 | 255 | 0 | All Passed |
| Calendar | 148 | 148 | 0 | All Passed |
| Carousel | 174 | 174 | 0 | All Passed |
| Charts | 5374 | 5374 | 0 | All Passed |
| ChatUI | 102 | 102 | 0 | All Passed |
| Chips | 214 | 214 | 0 | All Passed |
| CircularGauge | 1011 | 1011 | 0 | All Passed |
| ColorPicker | 113 | 113 | 0 | All Passed |
| ComboBox | 310 | 310 | 0 | All Passed |
| DashboardLayout | 255 | 255 | 0 | All Passed |
| DataForm | 547 | 547 | 0 | All Passed |
| DataGrid | 9550 | 9550 | 0 | All Passed |
| DatePicker | 580 | 580 | 0 | All Passed |
| DateRangePicker | 366 | 366 | 0 | All Passed |
| DateTimePicker | 475 | 475 | 0 | All Passed |
| Diagram | 15495 | 15495 | 0 | All Passed |
| Dialog | 485 | 485 | 0 | All Passed |
| DropdownList | 611 | 611 | 0 | All Passed |
| Dropdowntree | 164 | 164 | 0 | All Passed |
| FileManager | 3108 | 3108 | 0 | All Passed |
| FileUpload | 330 | 330 | 0 | All Passed |
| FloatingActionButton | 128 | 128 | 0 | All Passed |
| Gantt | 5356 | 5356 | 0 | All Passed |
| HeatMap | 403 | 403 | 0 | All Passed |
| ImageEditor | 3561 | 3561 | 0 | All Passed |
| InPlaceEditor | 766 | 766 | 0 | All Passed |
| InputMask | 168 | 168 | 0 | All Passed |
| Kanban | 516 | 516 | 0 | All Passed |
| LinearGauge | 797 | 797 | 0 | All Passed |
| ListBox | 138 | 138 | 0 | All Passed |
| ListView | 442 | 442 | 0 | All Passed |
| Maps | 1572 | 1572 | 0 | All Passed |
| Mention | 153 | 153 | 0 | All Passed |
| Menu | 398 | 398 | 0 | All Passed |
| Message | 211 | 211 | 0 | All Passed |
| MultiselectDropdown | 451 | 451 | 0 | All Passed |
| NumericTextbox | 463 | 463 | 0 | All Passed |
| OtpInput | 123 | 123 | 0 | All Passed |
| PivotTable | 1525 | 1525 | 0 | All Passed |
| ProgressBar | 199 | 199 | 0 | All Passed |
| progressbutton | 101 | 101 | 0 | All Passed |
| QueryBuilder | 584 | 584 | 0 | All Passed |
| RangeNavigator | 196 | 196 | 0 | All Passed |
| Rating | 106 | 106 | 0 | All Passed |
| Ribbon | 541 | 541 | 0 | All Passed |
| RichTextEditor | 2279 | 2279 | 0 | All Passed |
| Scheduler | 6234 | 6234 | 0 | All Passed |
| Sidebar | 145 | 145 | 0 | All Passed |
| Slider | 272 | 272 | 0 | All Passed |
| SmithChart | 259 | 259 | 0 | All Passed |
| SparklineChart | 150 | 150 | 0 | All Passed |
| SpeedDial | 353 | 353 | 0 | All Passed |
| Splitter | 190 | 190 | 0 | All Passed |
| Stepper | 218 | 218 | 0 | All Passed |
| StockChart | 350 | 350 | 0 | All Passed |
| Tabs | 938 | 938 | 0 | All Passed |
| TextArea | 126 | 126 | 0 | All Passed |
| Textbox | 676 | 676 | 0 | All Passed |
| Timeline | 182 | 182 | 0 | All Passed |
| TimePicker | 422 | 422 | 0 | All Passed |
| Toast | 234 | 234 | 0 | All Passed |
| Toolbar | 234 | 234 | 0 | All Passed |
| TreeGrid | 5975 | 5975 | 0 | All Passed |
| TreeMap | 767 | 767 | 0 | All Passed |
| TreeView | 1364 | 1364 | 0 | All Passed |