Kendo UI for jQuery
You can now create your own task management board! The new Taskboard component displays any information with cards that can be categorized into “swimlane” columns (otherwise known as a trellis view). Those cards can then be dragged and dropped across the lanes. This interface is most often seen in Kanban applications such as Trello.
The ActionSheet, or BottomSheet, is a great UX element for smaller screens when you need to alert or prompt users to take required or important actions. It appears on the bottom of a screen as a modal dialog and presents users with a choice of actions that they must take. Since this technique was popularized by iOS and also used by Android, ActionSheet gives you an easy way to add a popular workflow to mobile or responsive applications.
The jQuery Skeleton component helps you reduce initial load time by displaying a placeholder on the screen while other content loads. This element is typically a grey box, but you can customize its shape and add animation. Use the Skeleton wherever you need to load large data and other complex content, including other Kendo UI for jQuery components.
It’s now easier for users to generate the information they need from the jQuery Grid. They often need to select one or more ranges of cells to copy and paste, export to Excel or export to the Kendo UI Chart—all of which is now possible with the R2 2021 release.
In many cases, it’s convenient for a user to put an entire grid instance in edit mode rather than toggling it row by row. This is particularly useful when a user needs to edit multiple rows at a time. We have added a knowledge base article with sample code, instructing you how to accomplish this.
Give your users a great way to filter the items in their lists to get the data view they need by displaying a filter row as the first row at the top of the list. Once you set a simple property to show the filter row, the TreeList component will add a filter for the appropriate date type at the top of each column.
Delight your users by defining a template to customize the layout of the rows in your TreeList. Common uses include alternating rows, binging images to data, conditional formatting, font and color styling and anything you can imagine—the entire row is your playground. All you need to do is define the template in script tags and the view will be rendered with HTML table row elements.
Microsoft ended support for Bing Maps for Enterprise on January 11, 2020 in favor of Azure Maps. To ensure that you can continue to display Microsoft’s maps, we’ve added support for Azure Maps.
Make it easier for users to find the information they need by organizing events under one or more parents. All you need is hierarchical data. A common scenario is an office building with many meeting rooms and many meeting organizers. The jQuery Scheduler will automatically display a calendar for each organizer grouped by meeting room. This can also be used for work schedules, event calendars, appointment management and much more.
Allow your users to zoom out and see the big picture with the new year view feature. With this feature enabled, they will see a twelve-month calendar. Indicators will show for days that have events and clicking on that day will show the associated events in a tooltip. Additionally, you can make it yours by customizing the tooltip template and start date, specifying which months to show.
Events spanning 24 hours or longer now expand down and fill the full day schedule, blocking the entire day view instead of occupying only the “All Day” slot. This will eliminate the confusion that a user’s agenda is open when they’re not available.
Swiss QR code overlays are required for the new Swiss QR-Bill standards. We have added this to the jQuery Barcode overlays, ensuring your applications will be compatible with these standards.
A key benefit of the Kendo UI for jQuery library is the ability to easily brand your applications. QR Codes are no exception. You can now specify a URL to display a logo (or other image) as an overlay for your QR codes.
The Kendo UI for jQuery Editor is a powerful rich text editor that strives to enable users to create and style content in a visual way. Building on that, we have added the ability to resize images by selecting them and dragging their handles. This is a feature found in any word processing, image editing or other content creation software and you can now offer the same experience in your jQuery applications.
Until now, jQuery PDF Export would only export SVG elements generated by Kendo UI. With R2 2021, any SVG element can be exported.