Released: Sep 18, 2024

Updates in 2024 Volume 3 (27.1.48)

Funktionen

• Common
  • New controls - The following controls have been added to the Syncfusion Essential JS 2 suite:
    • AI AssistView.
    • Smart Paste Button.
    • Smart TextArea.
  • Preview to production-ready control - The OTP Input control has been developed to meet industry standards. It is now marked as a production-ready control for Essential JS 2.
  • Fluent 2 high contrast theme - All Syncfusion JavaScript controls now support the Fluent 2 high contrast design, improving accessibility and user experience for visually impaired users.
  • Bootstrap 5.3 theme - All Syncfusion JavaScript controls now support the Bootstrap 5.3 design, offering enhanced styling and features for modern web development.
• Smart Paste Button (preview)
  • The Essential JS 2 Smart Paste Button automatically fills a form with content from the user's clipboard by utilizing text-generative AI functionality. This control enhances the user experience by simplifying data entry and minimizing manual input for forms. Key features include:
    • Clipboard integration: Pulls data from the clipboard, reducing the need for manual typing.
    • Autofill capability: Automatically populates multiple form fields with one click, saving time and effort.
    • Smart data parsing: Intelligently recognizes and formats clipboard data to match the form's required fields.
• Smart TextArea (preview)
  • The Essential JS 2 Smart TextArea is an advanced control designed to elevate the text input experience by providing intelligent autocomplete suggestions for entire sentences through text-generative AI functionality. This control enhances user productivity by predicting and offering relevant completions based on the context of what is being typed. Key features include:
    • Intelligent autocomplete: Automatically suggests whole sentence completions based on user input and predefined configurations.
    • Context-aware predictions: Enhances typing efficiency by predicting the most relevant text completions in real time.
    • Seamless integration: Easily integrates into existing JavaScript applications, providing a smooth and intuitive user experience.
    • Customizable configuration: Allows for tailored suggestions, adapting to specific application needs and user behaviors.
• AI AssistView (preview)
  • The Essential JS 2 AI AssistView is a versatile and modern UI tool designed to seamlessly integrate AI services into your web applications. It enables users to send prompts, execute commands through a feature-rich toolbar, and effortlessly display AI-generated responses in a user-friendly interface. Key features include:
    • Built-in toolbars: Predefined toolbar items like copy, edit, and like/dislike for easy interaction with prompts and responses.
    • Prompt suggestions: Supports initial or on-demand prompt suggestions with a customizable header.
    • Header toolbar: Allows adding toolbar items in the header with options for executing custom commands.
    • Custom views: Extensive customization options for creating personalized views in addition to the built-in assist view.
    • Customization: Allows customizing the default appearance, including prompts, responses, and more, to suit your needs.
• Barcode
  • QR code with logo support - Added the ability to embed a logo or image in the center of your QR codes, enhancing brand visibility and making your QR codes more visually appealing. You can customize the logo size, which defaults to one-third of the QR code's dimensions and is automatically adjusted to ensure it doesn't exceed 30% of the code's width or height, maintaining scan efficiency. The logo can be sourced from a local image path, Base64-encoded image, online image URL, or icon.
• Charts
  • Sort animation - When sorting data in the chart, the data now transitions smoothly with an animation effect.
  • Smooth animation on zooming and panning - Added support for smooth animation transitions when zooming and panning the chart.
  • Stepline without risers - This feature allows users to disable the risers in the stepline series.
• Accumulation Charts
  • Animation on data update - Users can now add, remove, or update data with smooth animation transitions for series, data labels, and legends.
  • Rounded corners - This feature allows users to apply rounded corners to pie, donut, pyramid, and funnel charts.
  • Patterns - In addition to the fill option, users can now apply different patterns to accumulation chart types.
• DateTime Picker
  • Time range selection - The DateTime Picker now supports restricting time selection to specific daily ranges, such as business hours. Users can only choose times within defined limits, like for appointment scheduling. The feature improves the user experience by allowing easy configuration of time.
• Diagram
  • Flowchart automatic layout - A flowchart visually represents a process, workflow, system, or algorithm. This feature automatically creates flowcharts by arranging diagram elements clearly, logically, and visually appealingly. The feature leverages an advanced layout algorithm that automatically positions nodes and connectors, whether sourced from the NodeCollection and ConnectorCollection or business objects defined in the DataSource.
  • Importing and exporting mind map and flowchart Mermaid syntax data - Mermaid syntax is a Markdown-inspired syntax that automatically generates diagrams. This feature enables you to generate mind map and flowchart diagrams directly from Mermaid syntax data, making it easier to visualize complex ideas and processes without manual drawing. Additionally, you can export your mind map and flowchart diagrams to Mermaid syntax, enabling easy sharing and editing, and use it across various platforms. You can also leverage AI assistants to generate Mermaid syntax for mind map and flowchart diagrams and directly import the generated code into the JavaScript Diagram component.
• Word Processor
  • XML mapped content controls - You can now insert content controls in your document that are linked to custom XML data. By mapping specific parts of your document to XML data, you can ensure that the content within these controls is automatically updated whenever the underlying XML data changes, making it ideal for dynamic documents.
  • Shape support - This feature allows you to preserve shapes in Word documents when opening and saving them in the Word Processor. List of shapes preserved:
    • Lines.
    • Rectangles.
    • Basic shapes.
    • Block arrows.
    • Equation shapes.
    • Flowcharts.
    • Stars and banners.
• Dropdown Tree
  • Value template - You can now customize the display of selected values in the Dropdown Tree component. Format and present the selected items in a way that aligns with your application's specific needs.
• File Manager
  • Range selection - The File Manager now allows users to select a range of files or folders by dragging the mouse pointer over them, just like in the Windows File Explorer.
• Gantt Chart
  • Touch support for zooming - Users can now easily zoom in and zoom out by pinching directly on the chart pane. This intuitive touch gesture makes it more convenient to navigate through Gantt Charts on touch-enabled devices, providing a seamless and user-friendly experience.
• Grid
  • Adaptive layout for smaller screens - When the adaptive layout feature is enabled, the same layout is rendered on both mobile devices and desktops, by default. Grid now provides an option that allows rendering an adaptive layout exclusively for mobile screen sizes.
• Image Editor
  • Redact support - Users can now conceal sensitive information by applying blur or pixel effects to specific areas of an image. This feature is particularly valuable for protecting privacy and complying with data protection regulations, making it easier to securely share images without compromising sensitive information.
  • Text annotation enhancement - The enhanced text-annotation feature in the Image Editor allows users to customize their annotations with fill color, outline color, and outline width. Ideal for making text stand out and improving readability, this tool ensures that your annotations are both clear and visually appealing in any image.
  • Rectangle annotation enhancement - The enhanced rectangle-annotation feature in the Image Editor now supports adjusting the border radius, allowing users to create annotations with rounded or sharp corners. This enhancement provides greater flexibility in customizing the look of your annotations, adding a touch of style and refinement.
• Mention
  • Disable individual items - The Mention control provides options for individual items to be put in an enabled or disabled state for specific scenarios. This ensures that disabled items cannot be selected as values within the control.
• PDF Viewer
  • Improved PDF Viewer performance - The standalone PDF Viewer now loads large documents more quickly. This enhancement is achieved by loading Base64 strings directly into a byte array, boosting the loading performance and efficiency by up to 45% on large PDF files.
  • Search enhancements - The Javascript PDF Viewer includes the following enhancements in the text search functionality:
    • Search for multiple words with the "Match any word" option.
    • View the total number of search results along with the current search index.
    • The search results now display how many instances of each word were found.
  • Import PDFs - External PDF documents can be imported anywhere within an existing PDF document in the PDF Viewer.
  • Custom fonts in form fields - Signature and initials fields now allow the use of custom fonts for e-signing.
• Rich Text Editor
  • Slash menu - The slash menu allows users to seamlessly apply formatting options like headings, lists, and quotes, as well as open insert dialogs and execute custom commands all within the editor. This dynamic menu is easily triggered by typing the "/" character, providing a quick way to access the editing features.
  • Import/Export - This feature enables users to easily export content from the Rich Text Editor to PDF or Word documents, as well as import Word document content into the editor. This intuitive feature enhances document management, providing a smooth and user-friendly experience.
  • Inline code - Users can now easily highlight small code snippets, commands, or keywords directly within the Rich Text Editor. This feature enhances readability and ensures that important text elements stand out, providing a seamless and user-friendly experience.