v21.1.37

Breadcrumb

Bug Fixes

• #I437629 - Issue with "Breadcrumb overflow mode menu creates a dark point for multiple click " has been resolved.

Chart

Bug Fixes

• #I444557 - Resolved the issue where the legend and the chart were overlapping.
• #I431278 - Resolved issue with overlapping chart and data label when rotation is enabled.

New Features

• #I320485 - Provided support to place a label at the center of the pie and donut charts.
• #I416444 - Provided support for a new chart type called range step area which is used to display the difference between minimum and maximum values over a certain time period.
• #I396453, #I314160 - Provided support to customize the height and color of the error bar of each data point.

Checkbox

Bug Fixes

• #I436942 - The issue with "Validation rule not display properly when we use Checkbox within form validator" has been resolved.

Chip

New Features

• #I422263 - The Chip component now supports htmlAttributes, which enables users to add required attributes such as 'aria-label', 'title', 'class', and more to the Chip item.

Circular Gauge

New Features

• #I416334 - The entire circular gauge, including the tooltip and legend, can now be rendered in the right-to-left (RTL) direction, which may be useful in some cultures.

ComboBox

Bug Fixes

• #I435138 - Issue with "NVDA reader does not announces the aria-label text when added through Html Attribute" has been resolved.

ContextMenu

Bug Fixes

• #I425173 - The issue with "Context menu Submenus not opening properly with multiple levels " has been resolved.
• #I424794 - The issue with "Script error thrown in context menu when navigate using the keyboard" has been resolved.
• #I425402 - Accessibility issue in context menu has been fixed.

DataManager

New Features

• #I304073, #I301329, #I441756 - Now, the filtering functionality has been enhanced to include additional filter operators such as notcontains, notstartwith, notendwith, null, notnull, isempty, and isnotempty. Additionally, like and wildcard support have been added.

DatePicker

Bug Fixes

• #SF-446512 - Issue with "The mask placeholder not shown while bind with null value in ng-model" has been resolved.
• #SF-447843 - Issue with "after the form is reset, mask placeholder is not shown in the UI" has been resolved.
• #FB41541 - Resolved the issue where the change event was not triggering on the initial time when binding the component with strict mode.

DateTimePicker

Bug Fixes

• #FB41541 - Resolved the issue where the change event was not triggering on the initial time when binding the component with strict mode.

Diagram

Bug Fixes

• #I41762 - Now, Different point property for bezier connector is working properly.
• #I41808 - Now, Text description for HTML node is rendered properly.
• #I41908 - Now, Perfomance of dragging group nodes is improved.
• #I41974 - Now, While hovering ports and dragging the multiselected items working properly.
• #I443748 - Now, changing the styles dynamically, its working properly.
• #I445506 - Now, you can resize the bezier control thumb when we increase the handleSize also.
• #I444124 - Now, set the same id for the node and annotation in two different diagrams, the first diagram node annotation is visible properly.
• #I447256 - Node renders properly on changing the shape dynamically.

Dialog

Bug Fixes

• #I446985 - Now, while using the NVDA screen reader, the entire dialog elements will not be read twice.

Document Editor

Bug Fixes

• #425697 - Resolved the positioning and line spacing issue in shape document
• #I438125 - Resolved the header issue when editing in different section format.
• #I439280 - Selection is now working properly in the paragraph with indentation.
• #I436536, #I435119 - Table and paragraph is not overlapped while loading the attached document.
• #I436445 - Resolved the overlapping issue while opening the document.
• #I446019 - Resolved the issue in opening "Dotx" format document.

New Features

• #I249004, #I250933, #I256703, #I286287, #I290760, #I301513, #I313194, #I314827, #I316496, #I317964, #I320201, #I320872, #I327636, #I331310, #I333899, #I334058, #I334929, #I337202, #I341931, #I341953, #I345929, #I348344, #I349206, #I349683, #I349895, #I354081, #I356432 - Added support for continuous section break in DocumentEditor.
• #I422408, #I435125 - Optimized SFDT file to reduce the file size relative to a Docx file.
• #I330729, #I256794 - Added support to display bookmark start and end in DocumentEditor.
• #I333042, #I349829 - Added support disable the auto focus to DocumentEditor.
• #I175038 - Added API to modify the predefine styles in DocumentEditor.

Breaking Changes

• Starting from version v21.1.x, the SFDT file generated in Word Processor component is optimized by default to reduce the file size. Hence, the optimized SFDT files can't be directly manipulated as JSON string. Please refer the documentation.

DropDownList

Bug Fixes

• #I397894 - The issue "aria-label added on input element instead of wrapper element while adding the aria-label by using Html Attribute property" has been resolved.

Excel Export

Bug Fixes

• Modified the "\n" character at end of row as "\r\n" in Grid to CSV export.

File Manager

Bug fixes

• #I442564 - The issue with fileOpen event in File Manager component has been resolved.

Floating Action Button Preview

The Floating Action Button (FAB) component performs the primary action that appears in front of all screen contents. It can be positioned in relation to a page or a target container.

• Rendering - The FAB component can be rendered as Icon only, Icon with Label, Label only, or in a disabled state.
• Positioning - Supports to place various built-in positions on the target element.
• Styles - The appearance of the FAB can be customized using predefined styles.
• Accessibility - The FAB provides built-in compliance with the WAI-ARIA specifications and it is achieved through attributes.

Gantt

Bug Fixes

• F159354 - Issue in locale text of predecessor tooltip has been fixed.

Gantt Chart

Bug Fixes

-I441276- Outdent task is not in correct index of modified records in actionComplete event issue has been fixed.
-I435254, I444942- Taskbar not rendered in Pdf exported file when timelineUnitSize is initialized issue has been fixed.

Grid

Bug Fixes

• #I439725 - The issue where an exception was thrown when attempting to filter 'Blanks' value using URL Adaptor in Excel filter has been resolved.
• #F41177 - Resolved the issue exporting the hierarchy grid with different mode.
• #I342921, #I407440 - The issue related to Content Security Policy violation that occurred while using grid paging and grouping has been resolved.
• #I446747 - Script error occurred on foreignkey sample while trying to auto complete in filter menu issue has been fixed.
• #I428772 - Fixed alignment issue with Dialog component header content and close icon on fluent theme. More Information.
• #I428772 - Fixed alignment issue with Dialog component header content and close icon on fluent theme. More Information.

New Features

• Implemented a feature to limit column expansion over their specified width, preventing them from using more space.
• #I225917, #F146138, #F150441 - Provided support to dynamically change both new columns and datasource simultaneously by using inbuilt changeDataSource method of Grid.
• #I304073, #I301329, #I441756 - Now, the filtering functionality has been enhanced to include additional filter operators such as notcontains, notstartwith, notendwith, null, notnull, isempty, and isnotempty. Additionally, like and wildcard support have been added.
• #I432547 - The security of the Grid component has been improved by the use of sanitization to remove any potentially untrusted strings and scripts. This feature can be enabled by setting the property enableHtmlSanitizer as true.

Breaking Changes

• Unnecessary role attributes for Grid row cell and header elements have been removed to enhance accessibility standards.
• The td element for e-detailcell in detail element has been only changed from a td element to the th element to enhance accessibility standards.
• The td element for e-detailcell in detail element has been only changed from a td element to the th element to enhance accessibility standards.

Heatmap

New Features

• #F177543 - enableMultiSelect property is exposed to enable or disable multiple selection of the HeatMap cells.

Image Editor

Bug Fixes

• Issue with "Script error thrown while using Toolbar Template" has been resolved.

In-place Editor

Bug Fixes

• #I440965 - Now, the validation works properly when using two way binding for the value property.
• #I443357 - Now, when you click the cancel button in the In-place Editor, the Rich Text Editor will no longer be focused.

Kanban

Bug Fixes

• #I432638 - Now, when using the kanban sortSettings and dropping the cards randomly is sorted properly.

ListBox

Bug Fixes

• #I442262 - Issue with "Script error thrown while using destroy method in change event of list box" has been resolved.
• #I445397 - Issue with "Script error thrown when navigate the listbox item in grouping listbox through keyboard navigation" has been resolved.

ListView

Bug Fixes

• #F168185 - The issue with "Sorting is not applied properly when entering different values in the text field of the ListView component" has been resolved.

Maps

New Features

• #I275734, #I293775 - The appearance of the buttons and tooltips in the zoom toolbar can now be customized using properties in the buttonSettings and tooltipSettings in the toolbarSettings property of zoomSettings.
• #I425592 - The marker rendered in the Maps can now be dragged and dropped in the desired location based on the requirement. Events are also supported to notify the drag start and end.

Mention

Bug Fixes

• #I449973 - Resolved issue where the Mention character would still display after selecting a name from the suggestion list.

Message

Bug Fixes

• The issue with the "React state change value is now reflected in the React Message component content template" has been resolved.

NumericTextBox

Bug Fixes

• #F170722 - Issue with "change event doesn't trigger while modifying the value using setValue method inside reactive form" is resolved.

Office Chart

Bug Fixes

• #I399919 - Resolved the bar chart rendering issue.

PDF Viewer

Bug Fixes

• #F180886 - Now, the setAnnotationMode API supports switching between annotations.
• #I181023 - Now, the time is shown properly in the comment panel while adding the free text annotation programmatically.
• #I180982, #I180983 - Now, able to post a comment with single character or pasted content.
• #I180968 - Now, red vertical lines are not showing in the highlight annotation on viewing the downloaded document on other viewers.
• #F180997 - Now, the free text content is updated if we directly type in the comment panel.

Pivot Table

Breaking changes

• The property type of toolbar has been changed from (ToolbarItems | ItemModel)[] to ToolbarItems[] | ItemModel[].
• In the server side controller, the imported namespace name has been changed from Syncfusion.Blazor.PivotView to Syncfusion.EJ2.Pivot.

ProgressBar

Bug Fixes

• #F180771 - The progress bar range color issue has been resolved.

QueryBuilder

Bug Fixes

• #I448219 - Issue with Query builder validation not shown using validateFields method and scroll the page has been fixed.

RadioButton

Bug Fixes

• #F40707 - Value change event triggered twice in Radio Button component has been fixed.

Range Slider

Bug Fixes

• #I441327 - The issue with changing event for the first change action in the Slider has been resolved.

Ribbon

Key features

• Built-in items - Several built-in support items, such as buttons, checkboxes, drop-down buttons, split buttons, combo boxes, and color pickers that can be customized and used to execute specific actions.
• Modes - Offers the classic mode that organizes items and groups in a traditional form, and simplified mode that organizes items and groups into a single row for improved usability and reduced clutter.
• Tooltip - Provide additional information when a user hovers over a ribbon item, improving user experience and increasing the usability of the application.
• File menu - A built-in menu that to add file related actions easily.
• Templates - Customize ribbon items and the help pane content using templates.

The Ribbon provides a structured and easy-to-use user interface for users to access different features and functions through series of tabs, improving user experience and efficiency.

The Ribbon is a structured layout to manage tools with tabs and groups. The Ribbon control supports buttons, split buttons, toggle buttons, file menu and multiple layouts.

RichTextEditor

Bug Fixes

• #I442919 - Now, when focusing out of the Rich Text Editor, the embed YouTube video will not be removed.

New Features

• Tooltip Integration: The Rich Text Editor tooltip has been redesigned to more clearly display the keyboard shortcut information, making it easier for users to understand the functions of each toolbar item.

Schedule

Bug fixes

• #I442920 - An issue with appointments misaligned in timeline year view with ignoreWhiteSpace property has been fixed.

New Features

• #I324269, #I347160 - Provided support to display multi month event as single event in vertical orientation of timeline year view.
• #I419677 - Provided the support to sanitize the appointment inputs, improving the security of the Scheduler component.
• #I425713 - Provided in-built filter support to the Scheduler component, allowing users to easily filter events when requesting data from the server.
• #FB40709 - Provided generateEventOccurrences public method to retrieve all the occurrences from the series.

Signature

Bug Fixes

• #I433821 - Correcting the signature scaling issue while resizing the web browser has been resolved.

Speed Dial Preview

The Speed Dial component is an extension of the floating action button that displays a list of action buttons when clicked. It is useful when there is more than one primary action for the page.

• Rendering - The Speed Dial component can be rendered in two display modes: Linear and Radial.
• Positioning - Supports to place various built-in positions on the target element.
• Styles - The appearance of the Speed Dial can be customized using predefined styles.
• Template Support - The Speed Dial component action items and popup container can also be rendered with custom templates.
• Modal Support - Supports showing a modal overlay behind the Speed Dial.
• Accessibility - The Speed Dial provides built-in compliance with the WAI-ARIA specifications and it is achieved through attributes.

Spreadsheet

Bug Fixes

• #I434179 - Issue with "an unsupported file error occurs when importing an excel file with an image at the end of the used range index" has been resolved.

Svg Base

Bug Fixes

• #I439673 - The enableTextWrap property of the tooltip is now working properly.

Switch

Bug Fixes

• #I427994 - Provided the htmlAttributes support to the switch component.

Tab

Bug Fixes

• #I441253 - An issue with the aria-disabled role accessibility has been fixed.

Toolbar

Breaking Changes

• We improved the Toolbar alignments with a flex design, which may cause slight changes to the alignment of Toolbar items.

Tooltip

New Features

• #I434633 - Provided the htmlAttributes support for the Tooltip component which allows to add attributes for the root element of Tooltip popup.

Breaking Changes

• The tooltip target's tabindex and aria-describedby attributes, which were handled by the built-in source, were removed. Now, you can add these attributes directly to a target element.

Tree Grid

Breaking Changes

• Unnecessary role attributes for Tree Grid row cell and header elements have been removed to enhance accessibility standards.
• The td element for e-detailcell in detail element has been only changed from a td element to the th element to enhance accessibility standards.

TreeView

Bug fixes

• #I449274 - Resolved the nodeSelected event not working properly issue on iPad.

Uploader

Bug Fixes

• #F178267 - Fixed issue unable to upload the same file again after using the remove method.