Search results

Syncfusion Vue UI Components (Essential JS 2) - Release Notes

v20.3.47
September 29, 2022

Common

FEATURES
  • #I404540, #I403034, #F176393 - Provided the Vue 2.7 compatible support for the Vue components.

AppBar

The AppBar displays information and actions related to the current application screen. It is used to show branding, screen titles, navigation, and actions.

  • Modes - Regular, Prominent, and Dense modes that define the AppBar height.
  • Content arrangement - Spacer and separator options can be used to align the content based on the UI requirement with minimal effort.
  • Color - Primary, Light, Dark, and Inherit options to customize the AppBar color.
  • Position - AppBars can be placed at the top or bottom of the screen. It can also be sticky.

Calendar

BUG FIXES
  • #I403191 - The issue “change event argument contains duplicate dates while using multiselection” has been resolved
FEATURES
  • Provided partial visible functionality to carousel which enables the active slide with partial previous/next slide.

Chart

FEATURES
  • Provided border support for area chart types like Area, Step Area, Spline Area, Stacked Area and 100% Stacked Area.
  • #I298760 - It is now possible to format data labels in the chart, and it supports all global formats.
  • #I379807 - A toolbar for zooming and panning has been added to the chart on load.
  • #I386960 - Provided support to customize the space between legend items in the chart.
  • #I387973 - Provided legend click event for the accumulation chart.

Checkbox

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

Circular Gauge

FEATURES
  • The animation of pointers has been improved. When the pointer value is dynamically updated, the animation will be performed.

DateRangePicker

BUG FIXES
  • #F171486 - Issue with “performance delay in the popup open while entering invalid start or end date value” has been resolved.

Diagram

BUG FIXES
  • #I387297 - Now, the Expand & Collapse work properly for layout.
  • #I389174 - The undefined exception will no longer thrown while drag and drop the node from treeview to diagram.
  • #I384522 - Now, connector gets rendered properly in the complex hierarchical tree layout.
  • FB36050 - Now, oldValue & newValue argument of property change event updated properly while change order for nodes.
  • #I383401 - BPMN task type symbols are updated as per BPMN 2.0 standard.
  • #FB35907 - Localization support for symbol palette search box placeholder has been added.
  • #I388692 - Now connectors are properly connected to the node after save and load.
  • #I384554 - Now scroll settings offset are updated properly dynamically.
  • #I397678 - Now, the connector is dropped properly inside the swimlane.
  • #I395331 - The undefined exception will no longer thrown while draw a SVG node.
  • #I397116 - Now, Bezier connector annotation rendered at the proper position.
  • #I396868 - Now bezier connector rendered properly while drag and drop from palette.
  • #I397852 - Now, layers undefined exception will no longer thrown while save and load.
  • #I399417 - Now, fit to page is working properly when we call it multiple times.

Document Editor

FEATURES
  • #I345329,#I325944,#I302342,#I301994,#I258650,#F157122,#F164860 - Added support to show or hide the hidden formatting symbols like spaces, tab, paragraph marks, and breaks.
BUG FIXES
  • #I388868 - Script error occurs while using beforeOpen event in DropDownButton issue has been resolved

File Manager

FEATURES
  • Provided the folder (directory) upload support for Physical File Provider.
  • Provided the folder (directory) upload support for Azure File Provider.
  • Provided the folder (directory) upload support for NodeJS File System Provider.
  • Provided the folder (directory) upload support for Amazon S3 File Provider.

Floating Action Button

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
  • #F177237 - The currentViewData with dependencies were not exported correctly in PDFExport issue has been fixed.
  • #I402913 - Checkbox selection must be completed with a single click issue has been fixed.
  • #I404007 - Filter Menu not closed when focus is removed issue has been fixed.
  • #I403823 - Custom Column values not updated when editing in tab issue has been fixed.
  • #I403221 - Issue in deleting parent record in resource view has been fixed.
FEATURES
  • #F145182, #I260943, #I269630, #I273259, #I320454, #I326471, #I336212, #I340854, #I341129, #F171031, #I364331 - Provided Predecessor support for parent task in Gantt Chart. Please find the demo link here.
  • #I315577 - Provided Row Drag and Drop support in Virtual Scrolling feature for Gantt Chart.
  • #F165210 - Provided excel filter support in Gantt Chart. Please find the demo link here.
  • #I246769, #I316949, #I334501, #F159768, #F167576 - Provided support to define task id as string type for Gantt Chart. Please find the API link here.
  • #FB36072 - Provided support for Critical Path with Multi Taskbar enabled.
  • #F145182, #I260943, #I269630, #I273259, #I320454, #I326471, #I336212, #I340854, #I341129, #F171031, #I364331 - Provided Predecessor support for parent task in Gantt Chart. Please find the demo link here.
  • #F165210 - Provided excel filter support in Gantt Chart. Please find the demo link here.
  • #I246769, #I316949, #I334501, #F159768, #F167576 - Provided support to define task id as string type for Gantt Chart. Please find the API link here.

Grid

BUG FIXES
  • #I397430 - Script error while hiding the Sticky Header Grid using ngIf property has been fixed.
  • #I407127 - Custom command buttons not working with infinite scrolling is fixed.
  • #I401295 - Group by fails for 1 record on collapse issue has been fixed.
  • #I401412 - Script error after destroying the Grid with sticky header has been fixed.
  • #F176953 - Filtering issue with Frozen column and Row drag and drop feature has been resolved.
FEATURES
  • F26767 - Provided the Shimmer effect for grid while loading, refreshing and data processing.
  • Provided the lazy load group support for infinite scrolling enabled grid.
  • I388050, I388052, I375590, I370773, I375590 - Grid features and icons have been enhanced to meet web accessibility standards and enabled localization support for aria-labels.
Breaking Changes
  • #I374913 - Prevented the group collapse action in infinite scrolling with cache mode by hiding the icons.

Image Editor

The Image Editor component is a graphical user interface used for editing images. It provides built-in support for rotate, flip, zoom, and crop the images based on the selection. It also has support for inserting an annotations including rectangle, ellipse, line, text, and freehand drawings.

  • Selection - The selection region can be a square or circle, customized to various aspects ratios, and customized by dragging and resizing.
  • Crop - The image can be cropped based on the selection.
  • Rotate - The image can be rotated both clockwise and anticlockwise by 90 degrees.
  • Flip - The image can be flipped both horizontally and vertically.
  • Zoom - The image can be zoomed in and out.
  • Pan - View the entire image by toggling the pan option from the toolbar.
  • Freehand drawing - Draw freehand on the image and adjust the pen’s stroke width and stroke color.
  • Reset - Revert all the edited states and load the original image.
  • Save - Save the edited image in JPEG, PNG, and SVG formats.
  • Annotation - Text, rectangle, ellipse, and line annotation shapes are supported.

Linear Gauge

FEATURES
  • The animation of pointers has been improved. When the pointer value is dynamically updated, the animation will be performed.

ListBox

BUG FIXES
  • #I383114 - Issue with “Drop event argument not passes the selected item properly, while drag and drop the multiple item of listbox” has been resolved.

Maps

BUG FIXES
  • #I404496 - Europe GeoJSON map will now render properly when legend is enabled.
  • #F175229 - offsetX and offsetY properties are now available in the event arguments of dataLabelRendering event to customize the label position.
FEATURES
  • Azure Maps can now be loaded and viewed through our Maps.
Breaking Changes
  • The click event is deprecated because it is triggered twice in the Angular application. The reason for this is that in Angular, the native click event is triggered first, followed by the click event available on Maps. To address this, we introduced a onclick event for the same functionality, which will now only trigger once.

Mention

  • The @Mention component can be used to display a pop-up suggestion list whenever the designated mention key character is entered into a text box, rich text editor, or other editable element.

Key features:

  • Data binding: Binds the list of items from local and remote data sources such as JSON, OData, WCF, and RESTful web services.
  • Grouping: Groups the logically related items under a single or specific category.
  • Filtering: Filters the list items based on a character typed in the component.
  • Sorting: Sorts the list items in alphabetical order (either ascending or descending).
  • Highlight search: Highlights the typed text in the suggestion list.
  • Templates: Customize the list item, display value, no records, and spinner loading content.
  • Accessibility: Built-in accessibility support that helps to access all the Mention component features using the keyboard, on-screen readers, or other assistive technology devices.
BUG FIXES
  • #I396977 - The issue with ”SetItem method not working properly for customized menu item” has been resolved.
  • #I387276 - The issue with “Enable Scrolling not working properly when we dynamically set scroll to menu bar” has been resolved.

Message

The Message component has an option to display the messages with severity by differentiating icons and colors to denote the importance and context of the message to the end user. The following key features are available in the Message component.

  • Severity - Provides an option to display the message with distinctive icons and colors based on the severity type. The available severity types such as Normal, Success, Info, Warning, and Error.
  • Variants - Provides an option to display the message with predefined appearance variants. The available variants such as Text, Outlined, and Filled.
  • Visibility - Provides an option to show or hide the message.
  • Template - Provides an option to customize the content of the message.

MultiSelect

BUG FIXES
  • #FB31100 - Issue with “popup is not opened while changing the popupHeight dynamically in the beforeOpen event” has been resolved.

PDF Viewer

BUG FIXES
  • #I397357 - Now, Radio button values update properly.
  • #I401805 - Now, Form fields updates proper value on download.
  • #I382837 - Now, Interaction on checkbox in mobile device is working fine.
  • #I404631 - Now, isFormDesignerToolbarVisible=true property opens in the Form designer toolbar.
  • #I385978 - Now, Free Text Annotations can be edited in iPhone, iPad and iPod Devices.
  • #I403614 - Now, the annotation signature key not found error is resolved in the customer document.
  • #I403632 - Now, custom stamp position is not wrong on mobile device.
  • #I404420 - Now, Selection of the closely placed Signature Field is improved in Mobile devices.
  • #I403607 - Now, the Add Signature event is triggered when adding the signature, and the Remove Signature event is triggered while removing the signature.
  • #I401805 - Now, Form fields updates the proper value on download.
  • #I382837 - Now, the interaction on a checkbox in the mobile device is working fine.
  • #I385978 - Now, Free Text Annotations can be edited on iPhone, iPad, and iPod Devices.
  • #I403632 - Now, the custom stamp position is not wrong on the mobile device.
  • #I404420 - Now, the Selection of the closely placed Signature Field is improved in Mobile devices.
  • #I176922 - Now, comments are not duplicated if a shape annotation is added inside an annotation.
  • #I390997,#I392717,#I394607 - The signature is now displayed and properly positioned in change the width and height and in the read-only mode of the document that was downloaded.
  • #I398911 - Provided support for suppressing the Digital signature without affecting the download of the same.
  • #I400958 - Now, Adding a signature field programmatically and from the UI level does not have the same signature field name.
  • #I398958 - Now, the Script error does not occur while adding signature and initial fields when enabling form field is false.
  • #I397605 - Now, If a portion of the free text annotation is outside the viewer, moving or resizing it will bring that annotation inside the viewer.
  • #I392269 - Now, considered both GUID and description while importing the annotations.
  • #I398972 - Now, The Script error does not occur while saving the PDF consecutively with Calibrate perimeter control.
  • #I399220 - Now, Some form fields are not removed on reloading the downloaded document.
  • #I389566 - Now, The Script error does not occur while trying to change the PDF view to the text view in the sample.
  • #I369895 - When an image signature is added programmatically, the width is now properly maintained.
  • #I388895 - Now, stamp annotations comments display valid time in the comment panel for any culture.
  • #I391994 - Now, Programmatically able to add all form fields in read-only mode.
  • #I394117 - Now, Tapping a page with a signature field does not moves to another page on mobile devices.
  • #I395979 - Now, Deleted annotations are updated in the annotation collection properly.
  • #I369895 - Now, The selection and strike-through are now aligned properly.
  • #I389679 - Now, the form field color should not be changed on read-only mode.
  • #I383430 - Now, form fields do not generate duplicates while using CTRL c and CRTL v.
  • #I394763 - Now, form fields are not deleted while trying to delete the text with the delete key in the property dialog.
  • #I394979 - The problem with continuously and programmatically adding a signature image disappearing has been resolved.
  • #I397495 - Now the signature and Initial field are visible in chrome downloaded in the PDF Viewer.
  • #F176687 - Now, markup text of Free Text annotation is proper for Arabic text.
  • #I386832 - Now if the zoomMode is set to FitToWidth, we can update or get the form field values properly.
  • #I394274,#I394827 - Now, the signature and initials are updated after the 10th page.
  • #I395889 - Now, the script error that occurs without injecting annotation has been fixed.
  • #F173061 - Now, we can able to zoom to a specific annotation if the annotation is not visible in the viewport.
  • #I396556 - Now, import and export for JSON and XFDF is the document working properly.
  • #I401240 - Now, Search content text highlight is working fine.
  • #I401761,#I399940,#I405109,#I406172 - Now, the Page is not scrolled when deleting annotations using deleteAnnotationById() method.
  • #I397495 - Now, the signature and Initial field are visible in chrome downloaded in the PDF Viewer.
  • #I401240 - Now, search content text highlight is working fine.
FEATURES
  • #I391994 - The document download performance has improved for larger PDF files, over 5000+ pages.

Pivot Table

BUG FIXES
  • #I395797 - Text wrap is now properly applied in the pivot table.
  • #I400397 - When using server-side engine, row headers are now displayed correctly based on their level in the pivot table.
  • #I395797 - The grand totals position in the pivot table now works properly when using server-side engine.
  • #I405131 - The tooltip content is now properly displayed in the pivot table.
  • #I397110 - The pivot table will now properly export to Excel format even if it contains hidden columns.
  • #I405326 - The value sort icon is now properly displayed in the pivot table.
FEATURES
  • #I311235 - The pivot table now exports to PDF/CSV as a blob object with virtual scrolling enabled.
  • #I311235 - With a relational datasource, field list treeview can now be displayed in a hierarchical manner.
  • #I281131, #I351494, #F174212 - Provided paging support that allows to break and display large amounts of data page by page, improving the overall rendering performance of the pivot table.
  • #I369101 - When multiple axes are enabled, the pivot chart series can now be displayed based on members in all chart areas.

RichTextEditor

BUG FIXES
  • #F177143 - When using the keyboard buttons in RTE to navigate to the next cell, the Table selection is now removed.
FEATURES
  • Insert Audio & Video: This feature allows the editor to insert audio and video files from the local path or web URL or embed URL from sources such as YouTube or Vimeo and customize it by using the quick toolbar.

Schedule

BUG FIXES
  • #I406122 - An issue with Recurrence appointment rendered after the end time on DST timezone has been fixed.
FEATURES
  • #I329117 - Provided option to disable the date navigation via touch swipe.
  • #F171009, #FB3560, #FB30983, #FB31560, #FB36386 - Provided virtual scrolling support to Vertical Day, Week, and Month views.
  • Provided cell template, day header template and month header template support for Year view.

Skeleton

The Skeleton is a placeholder that animates a shimmer effect to let users know that the page’s content is currently loading. In other words, it simulates the layout of page content while loading the actual content.

  • Rendering - The Skeleton component can be rendered as Circle, Square, Text, and Rectangle shapes.
  • Effects - Supports wave, fade, and pulse shimmer effects.

Speed Dial

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
  • #I384048 - The issue of copied values being removed after saving when unique is applied is resolved.
  • #I379174 - After importing the protected excel file, the problem of not considering the password when selecting the unprotect sheet option in the sheet tab context menu has been resolved.
  • #I386574 - The exception thrown with font size pixel values while exporting is resolved.

Stock Chart

BUG FIXES
  • #I401042 - Now label stlye is applying properly for stock chart axis labels.

Switch

BUG FIXES
  • #384387 - The issue with “Switch component click event trigger two times when we handling enable/disable dynamically” has been resolved.

Tab

FEATURES
  • #I237390 - Provided support to disable the animation while switching the tab item.

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.

TreeView

BUG FIXES
  • #I383454 - The issue with “The TreeView checked nodes state not maintained for remote data when enabling the persistence” has been resolved.