v22.1.34

Common

New Features

• Provided the TypeScript 5 compatible support for the EJ2 components.

Carousel

New Features

• #FB36950 - Provided support to change slides using swipe or drag gestures, improving the usability and accessibility of the component on phones and tablets.
• Provided indicator customization options, such as default, dynamic, progress and fraction.

Chart

Bug Fixes

• #I467459 - The legend is now rendering properly when resizing the chart.
• #F182605 - The multicolored line series chart is now rendering properly while using isInversed in the primary Y-axis.
• #I467459 - Now, the axis labels are rotating properly in the canvas mode.

New Features

• #I461049 - Provided support to display a zoom toolbar for the chart on initial load, which allows user to zoom in on the chart.
• #I439527 - Provided support for a cross-shaped marker to the data points in the chart.
• #I283789 - Provided support to position the chart title to the left, right, or bottom of the chart.
• #I286744 - It is now possible to customize the axis scroll bar by changing its color and height, and disable zooming in the scrollbar.
• #I386094 - Improved the axis label placement after line break.
• #I428708 - Provided distinct markers shape for each series in the chart.
• #I404448 - It is now possible to customize the Pareto axis and line in terms of marker, width, dash array, and color.

Breaking Changes

• To differentiate between marker shapes in the ChartShape enumeration, the existing Cross shape has been replaced with Plus, while a new enumeration, Cross, has been added for the cross shape.

Checkbox

Bug Fixes

• #I399484 - The issue with aria-checked accessibility issue in angular checkbox has been fixed.

Chip

New Features

• #I422263 - Provided the htmlAttributes support for the Chip component.

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.

ColorPicker

Bug Fixes

• Facing exception when mode switching from color palette to color picker has been resolved.
• Color picker value is not getting reset for transparent case.

DataManager

Features

• #I361245 - Provided support for persistence in DataManager. By setting, the enablePersistence and id properties in DataManager, you can store and retain actions such as sorting, filtering, grouping, and searching. Additionally, you can selectively exclude specific queries from persistence by setting a value for the ignoreOnPersist property.

DatePicker

Features

• Added support for full screen calendar in mobile mode with landscape and portrait orientations. Enable the feature by setting fullScreenMode property to true.

DateRangePicker

Features

• Added support for full screen calendar in mobile mode with landscape and portrait orientations. Enable the feature by setting fullScreenMode property to true.

DateTimePicker

Features

• Added support for full screen calendar in mobile mode with landscape and portrait orientations. Enable the feature by setting fullScreenMode property to true.

Diagram

New Features

• #F152758 - Added tooltip support for ports.
• #I420267 - Added tooltip support for symbols in the symbol palette.
• #I32153 - Provided vertical orientation for mind maps.
• #I392082 - Added functionality to load diagrams from EJ1 to EJ2.
• #I327078 - Provided support to customize the expand and collapse icons.

Document Editor

New Features

• #I397854, #I401771 - Added support for editing alternate text for images.
• #I370306, #I438565 - Added support for character spacing and scaling.
• #I273864, #I318326, #I325320, #I331615, #I339872, #F164047 - Added support for linking to the previous header/footer.
• #I445060, #I468741 - Added a property in the selectionChanged event arguments to identify whether the user has completed their selection.

Drawings

Bug Fixes

• #I464511 – Now, the content of the free text annotation does not changes when we click outside of it.

DropDownButton

Bug Fixes

• #I445638 - Issue in DropDownButton Popup Alignment issue while setting enableRtl property as true has been resolved.

Excel Export

Bug Fixes

• Fixed the file corruption issue due to currency symbol in Grid to CSV export.
• Fixed the text with double quotes being rendered improperly in CSV export.

File Manager

Features

• Provided the ShowItemCheckBoxes property to control the visibility of checkboxes.

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.

FormValidator

New Features

• Provided support for validating multiple date formats using a form validator.
• Provided support for placing validation messages outside the component for all Syncfusion Form Components.

Gantt Chart

Features

-#I43435 - Improved the user interface of taskbar resizing and moving actions in the Gantt Chart. Now, when users perform taskbar resizing or moving, a virtual element is displayed instead of updating the original taskbar element. This virtual element remains visible until the action is completed, providing users with a clear representation of the changes they are making. Please find the demo link here.

Breaking changes

• Connector lines have been changed from elements to SVG elements for UI improvement. This change has been made to enhance the user interface and provide a more visually appealing and flexible way of displaying connector lines.

Grid

Bug fixes

• Improved the checkbox selection functionality by integrating Grid observable binding and incorporating support for the virtual scrolling feature.

Features

• #I451870 - The Pager component has been enhanced to be more responsive. It now includes the ability to automatically resize itself and dynamically show or hide pager items based on the width of the Grid. Please find the demo link here.
• #FB31707 - Added functionality to support drag-and-drop of grid rows between different groups within the Grid. Please find the demo link here.
• #FB6478, #FB5702 - Implemented support for maintaining the state of expanded grouped rows during editing actions. Please find the demo link here.

Heatmap

New Features

• #I437878 - The cellDoubleClick event is now available for use to initiate an event when a double click action is done over the HeatMap cells.
• #I438083 - When the axis label exceeds the available region, it can be wrapped or trimmed using the textOverflow property in the x-axis and y-axis.

Image Editor

Bug Fixes

• Issue with "GetImageData method returns low resolution data" has been resolved.

Kanban

New Features

• Virtual Scrolling: This feature allows users to load data on demand when scrolling through columns for a smoother experience with large datasets.

ListBox

Bug Fixes

• #F43705 - Issue with "Dropping selected items does not work correctly while enabling the checkbox in listbox component." has been resolved.

ListView

Bug Fixes

• #I463091 - Resolved the CSS override issue of e-content class name with other components and changed the e-content class name into e-list-container.

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.

MultiSelect

Bug Fixes

• #I451885 - Resolved the performance issue when multiselect component is rendered with large number of data.

NumericTextbox

Bug Fixes

• Issue with "Unwanted calls for CalculateWidth method" has been resolved.

Office Chart

Bug Fixes

• #I399919 - Resolved the bar chart rendering issue.

Pdf Export

Bug Fixes

• #I452302 - Resolved the multiple PDF grid preservation issue.

PDF Viewer

Bug Fixes

• #I464829 - Now, we can select text in the comment panel using the mouse cursor.
• #I464868 - Now, the default placeholder text is automatically selected when the comment text box for free text annotation is in focus.
• #I430769 - Now, when the document is reloaded, exported, or imported into the PDF viewer, the order of the annotations is preserved.
• #I472757- Now, the custom Stamp is not removed when downloading the document after undo and redo.

New Features

• #I426363, F180068 – Provided the support for value property in the radio button and checkbox field.
• #I448261 – Exposed the API to load the number of pages on the initial loading.

Pivot Table

New Features

• #F165214 - Provided paging support in server side engine that allows to break and display large amounts of data page by page.
• Provided the role option that allows access to restricted cube information such as measures, dimensions, hierarchy, and more when a SSAS OLAP cube is bound to the pivot table.

Breaking Changes

• The property type PivotValues has been changed from IPivotValues to IAxisSet[][].

Property Name	Description	Previous Type	Current Type
pivotValues	It holds the collection of cell information that has been populated from the engine on the basis of the given pivot report to render the component as table and chart.	IPivotValues	IAxisSet[][]

QueryBuilder

Bug Fixes

• #I375472 Issue with Rule template default rendered while add condition/group in query builder, if first column as rule template has been fixed.
• #I388333 Issue with Value template not destroy properly when we use complex data source in query builder has been fixed.

RadioButton

Bug Fixes

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

RichTextEditor

Bug Fixes

• #I471317 - Now, applying list format with an empty starting line works properly in the Rich Text Editor.
• #I456729 - Now, copying and pasting the list contents from MS Word works properly in the Rich Text Editor.
• #I469435 - Now, pressing backspace key works properly when Mention is used inside the Rich Text Editor.

New Features

• Format Painter: This feature allows users to quickly copy and apply formatting from one section of the selected text to another using keyboard shortcuts or a toolbar button.
• Emoji Picker: This feature allows users to insert an emoji into their content by easily browsing or searching using the search option and selecting from a wide range of emojis. The emoji picker can also be accessed by pressing the colon : key in the editor.

Schedule

Bug fixes

• F182696 - An issue with Keyboard scroll behaviour not working has been fixed.
• I470178 - An issue with Edit occurrence appointment not rescheduled properly and shows occurrence alert has been fixed.
• #I182714 - Resolved the issue where pressing the Escape key while navigating the scheduler with the keyboard would return to the previously selected cell.

New Features

• #I438319 - Provided an option to customize the recurrence end type which allows users to tailor the recurrence editor to their unique needs and preferences.

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

Features

• #F181385 - Now, you can insert the line chart with or without marker on the sheet.

Stock Chart

Breaking Changes

• By default, the series type and trendline dropdowns have been removed from the stock chart period selector. However, you can still add them to the list upon request or as needed. This modification provides a cleaner interface and reduces clutter in the stock chart period selector.
• By default, the tooltip for the range selector in the stock chart has been removed. Instead, the tooltip will now appear only when you move the slider.
• The print option has been removed from the period selector because it is already available in the export dropdown. This modification provides a cleaner interface and reduces clutter in the stock chart's period selector.

Svg Base

Bug Fixes

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

Switch

Bug Fixes

• #I382543 - The issue with "Checkbox value not update properly while using edit template of grid" has been resolved.

TextBox

New Features

• Provided clear icon support for Multiline Textbox, allowing users to easily clear the contents of the textarea with a single click.

Tooltip

Bug Fixes

• #I466814 - The Tooltip alignment issue when hovering over the last element has been resolved.

Tree Grid

Features

• Provided support for inline editing with virtualization enabled. Please find the demo here.
• #I323425, #I332700, #I344742, #I375307 - Provided support for frozen column with virtualization enabled.