Back

Telerik

Telerik UI for Blazor 1.1.0 Arrives! 2019-05-15 18:28:00

The 1.1.0 release of Telerik UI for Blazor is here, providing many quality of life features and bug fixes to existing components.

The development team behind Telerik UI for Blazor is not one to sit back and relax - which is why I can announce that today we have the 1.1.0 release not even two weeks after the initial launch of 1.0.0!

This release brings some new features to existing components, as well as some bug fixes that are worth highlighting, so let’s dive right in.

Blazor Button Component

The Button component now exposes a type attribute that allows you to define different types of buttons based on your desired behavior - just like the type attribute on a regular HTML button element.

By default the Telerik UI for Blazor Button renders a <button type="submit"> element, but if you want to mix things, up as of today, we have the following options available on the ButtonType property of the component:

  • Submit - Renders a type="submit" attribute. Can submit the form and trigger validation. This is the default value.
  • Button - Renders a type="button" attribute. Does not invoke form validation and submission.
  • Reset - Renders a type="reset" attribute. Can reset the current form.

Blazor DateInput Component

The valid and invalid states of the DateInput are now triggered correctly.

Blazor DropDownList Component

The ValueField property now has a Guid property, which means that the Value and ValueField properties can now be one of hte following types:

  • number (such as int, double and so on)
  • string
  • Guid
  • Enum

We also took care of some issues we had around validation with the DropDownList.

Blazor Grid Component

With this release we took care of a couple of quality of life items for the Telerik UI for Blazor data grid. Namely:

  • The Grid’s height can now be set to 100%
  • Grid Command buttons no longer trigger form submission and validation. This improves the in-line editing experience quite a lot!
  • Grid events are now asynchronous
  • We added built-in validation to Grid Popup editor

Some of the bigger bug fixes we took care of for this release are:

  • Resolved an issue where the Grid Popup editor could appear off-screen on a vertically scrolling page
  • Grid filtering will now reset to the first page to ensure all results are properly seen (if there are any results)
  • Fixed an item where a nullable boolean property could not be edited in the Grid
  • Resolved the issue where a non-editable cell (read only) could be edited with inline edit mode

Blazor TabStrip Component

You can now access the Title property of the current active tab. So, if you have a Tab Strip defined like: <TelerikTabStrip ref="@myTabStrip">...</TelerikTabStrip> you could access the Title of the current selected tab using Console.WriteLine(myTabStrip.ActiveTab.Title);.

Interested in Blazor?

Is this the first time you’ve heard of Blazor or Telerik UI for Blazor? Well, if that’s the case then I recommend heading over to the Telerik UI for Blazor overview page to find out more! You’ll find some more information about the Blazor framework itself, as well as sing up for a trial of our UI components - all from one convenient place!

Want to Influence What’s Next?

We continue to improve and add to our list of UI components for Blazor and it’s all based off of your feedback! If there are components you wish that we would work on, or features that you want to see in existing components, feel free to comment in the section below or head over to our public feedback portal for Telerik UI for Blazor to make your voice heard!

Read more


What's New in R2 2019 for Telerik UI for ASP.NET MVC & Core 2019-05-15 18:11:08

The R2 2019 release for Telerik UI for ASP.NET MVC and UI for ASP.NET Core has arrived. Check out the latest and greatest including new components like the PDF Viewer and Drawer, or new features like Endless Scrolling in the ListView and data binding for the menu.

May is here and with it I bring the good news about the R2 2019 release for UI for ASP.NET MVC and UI for ASP.NET Core! These products share a lot of commonality so I wanted to cover them both in a single blog post. There’s a lot to cover here so lets jump straight in to things:

Support for ASP.NET Core 3.0 Preview 5

The first big thing that I want to announce here is that the Telerik UI for ASP.NET Core components are now compatible with ASP.NET Core 3.0 Preview 5. This ensures that those of you already looking at ASP.NET Core 3.0 can test our components in this preview version and prime us for the official release of ASP.NET Core 3.0.

New Component: PDF Viewer

UI for MVC & Core PDF Viewer component with lorem ipsum pdf content

The PDF Viewer component brand new for this release and is designed to let your users view and interact with PDF files without the need to download the file and work with it locally. The UI for ASP.NET MVC and UI for ASP.NET Core PDF Viewer be bound to a PDF file on initial load, or a user can even open a local file to view within their apps. Users can of course download the file they are currently viewing to their own machine. The UI is fully responsive and adaptive, which means the PDF Viewer works well in desktop and mobile scenarios alike.

A big item to bring up here is that the PDF Viewer comes with virtualization already in its first version! In order to make sure we can fit any high-performance scenario we wanted to make sure this was a part of our first release.

Finally, when it comes to actually processing the PDF files you have your choice of working with PDF.js or with the Telerik Document Processing Library to help process your PDF files for viewing and saving.

New Component: Drawer

UI for MVC & Core drawer widget expanded in modal mode

Another new component for R2 2019 is the Drawer widget. While this component has become a go-to for navigation across applications everywhere, just as a quick recap the drawer component is a menu that expands and collapses upon clicking a button (like a hamburger button in many mobile scenarios). Usually this is on the left or right side of the page and it provides a slick way to have navigation with minimal impact on real estate.

Showing or hiding the menu, which can be done in a modal way (overlay on top of content) or by pushing content to the side, can easily be toggled through clicking the drawer button or even through usage of our API. Each menu item comes with a default combination of a text and an icon, but you can also customize how each menu item appears through templates.

The drawer also features a “mini” mode which lets you show the drawer while only rendering the icons that you have chosen - a very compact way to add navigation to your web applications.

Big Focus on the Spreadsheet Component

A component that deserved some attention in the last couple of months was the Spreadsheet component, and with R2 2019 we are bringing a ton of highly requested features to this component.

Image Support

A long awaited feature: adding images to your Spreadsheet is now possible with R2 2019! You can add images to any cell, drag & drop the images around, and of course delete them as well. Any image(s) you add to your document will of course be exported whenever your users save the spreadsheet locally as well.

Cell Comments

This is pretty self-explanatory, but now it is possible for users to add comments in to any cells - bridging the gap even more with existing features they may have with desktop-based spreadsheet solutions.

Additional Events

This has been a big one, especially since it allows for further customization of the Spreadsheet itself. With R2 2019 we introduced a whole slew of new events:

  • Changing
  • DataBinding
  • DataBound
  • Paste
  • Cut
  • Copy

These provide a pretty solid amount of choices to ensure that you can take full control over the Spreadsheet component for ASP.NET MVC or ASP.NET Core to fit any of your application’s requirements.

Mobile & Adaptive Renderings

In order to ensure that our developers do not have to make a choice between desktop or mobile, and instead think about responsive design and Progressive Web Apps (PWAs), we’ve gone through and updated/improved the way two of our bigger components handle mobile devices. Specifically we have started to think about the adaptive rendering which is a bit different than just responsive design.

Adaptive rendering allows you to take over more of the view port and truly adapt to being on a mobile device. Rather than changing what is show or hidden when on smaller screens the component will show alternate UX in order to better suit the functionality of the components.

This has been a part of our Grid and Scheduler components for a while, but it was specifically geared towards hybrid mobile UI rather than a more modern approach of mixing desktop and mobile. So, we’ve updated things to be built-in to the components themselves (rather than rely on our hybrid UI framework) and also updated things for more modern UX design guidelines.

The Grid

Telerik UI for ASP.NET MVC & Core Grid showcasing adaptive rendering which adapts to provide a more applicable UX for mobile

Normally responsive design is brought up with the Grid we need to think about what columns to show or hide, and what other elements we can either remove or compress (pager comes down to a drop down rather than full pager, for example).

However, the Grid has filtering, sorting, user control for showing and hiding columns. All of these feature require UI elements to handle, and more often than not the desktop variations of the UX for interacting with them may be a bit clunky on mobile. Popup menus are pretty bad to deal with on mobile quite honestly. With adaptive rendering we have that in mind and we have created an alternate user experience for interactions with the Grid.

Here’s a sample of adaptive rendering in action. This is the page that appears when you tap on the header icon:

Telerik UI for ASP.NET MVC & Core Grid showcasing adaptive rendering that provides a list view with switches for column settings

Rather than another popup we now have a ListView with various options we can toggle (sorting), as well as providing switches for showing and hiding columns. Beyond this we also see with the > symbol that there is another level for filtering, which will also display a ListView of options.

A note here is that this isn’t the default behavior of the Grid. By default we assume that you want to work with responsive design. However, this type of functionality is only a configuration option away.

The Scheduler

Telerik UI for ASP.NET MVC & Core Scheduler showcasing a day view with an adapted user experience for mobile

Similar to the Grid, the Scheduler is a bigger component that can benefit from the adaptive rendering style rather than trying to squish everything in to a smaller screen.

Telerik UI for ASP.NET MVC & Core Scheduler with an agenda view adapted for mobile view ports

The image here showcases the agenda view, just one of the many views that work on mobile, with some grouping around resources. Tapping on any one of these items brings up an editable form that has a more mobile-friendly UX to help with editing on mobile devices.

Just like the Grid, this isn’t the default option. Instead this is offered through a configuration option to turn on or off.

The DateRangePicker

The DateRangePicker was added in R1 2019 and we almost immediately received feedback around what we can do for mobile devices. While it worked OK-ish, we certainly could improve. So, with R2 2019 the DateRangePicker has an improved mobile experience that should let you showcase the component on any device without concerns!

ListView Gets Endless Scrolling

Endless Scrolling continues to be a popular way of scrolling in our larger list-based components. This type of scrolling functions by loading more data once a user scrolls to the bottom of the current page, then the next set of data gets loaded. So, under the hood it operates similar to paging but to the end-user it seems like they can just continue to scroll.

The ListView is no exception to having this be a popular request, in fact it was the top-rated feature within our feedback portal until just now. With R2 2019 we can now mark this feature request as done because the ListView officially supports endless scrolling!

Miscellaneous Enhancements

Bind Menu to DataSource

With R2 2019 the Menu component supports being data bound via a DataSource! This means you can connect your menu to any back end (WebAPI maybe?) and pull in the data items from your data store.

DataSourceResult & DataSourceRequest Get Their Own Package

Previously the DataSourceResult and DataSourceRequest functionality that UI for ASP.NET MVC and UI for ASP.NET Core relies on has been built-in to the libraries. However, with these two products and our newly launched UI for Blazor all taking advantage of this code we wanted to make things a bit more modular. So, with R2 2019 we have separated out this functionality to the Telerik.DataSource package. This means you can use this whenever you are using filtering, sorting, grouping and paging on the server - all without depending on MVC.dll or Kendo.MVC.dll!

A quick note to make here is that while we recommend thinking about migrating to using Telerik.DataSource where you can, we haven’t removed the code internally to our libraries yet to ensure that we don’t introduce breaking changes!

Improved UI for ASP.NET MVC and Core Docs

We have also gone through the existing MVC and Core documentation resources and tried to update the API sections for both products. While we always try to improve documentation between every release, I wanted to especially highlight this as we spent some time on making the API of these two libraries easier to navigate through.

Upcoming R2 2019 Webinar

Want to see everything I brought up here in action? Looking for more information on other .NET UI libraries from Telerik? Well you’re in luck because on Wednesday, May 29th, at 11:00 AM ET we have the official R2 2019 Telerik webinar! Seats are limited so make sure that you click on that link I just posted and reserve your spot today!

Read more


What’s New in Telerik UI for ASP.NET AJAX in R2 2019 2019-05-15 18:09:01

The R2 2019 release for Telerik UI for ASP.NET AJAX is here! Read all about what's new in this release, including various updates to the RadMultiColumnComboBox and continued stability improvements.

May is here and you know what this means: the R2 2019 release is here! In this blog post I want to dive in to what is new for Telerik UI for ASP.NET AJAX with this new release, so let’s jump right in!

Updates to the RadMultiColumnComboBox

Some of you may have noticed that when we shipped the RadMultiColumnComboBox it had a limited set of themes that could be used with it. In terms of feedback that we received from our developers this was a fairly popular control and rather than delay a release due to the lack of certain themes we wanted to get something out in your hands right away. Well, with the R1 2019 behind is we could focus on implementing additional themes for the RadMultiColumnComboBox, which we released with R2 2019! So, if overall styling was holding you back from using the component then you have no
excused with this release!

RadMultiColumnComboBox showcasing a different theme applied to the control.  

Beyond themes we also went ahead and added several server-side events that we found to be needed for the RadMultiColumnComboBox. While we have quite a few client-side events, we wanted to expand what can be done on the server-side as well, hence the addition of the new server-side events! For a full run-down I recommend checking out our RadMultiColumnComboBox documentation section on server-side programming.

Button Gets a Confirmation Dialog

Adding an ability to work with the default browser confirm dialog, or work with the RadConfirm dialog, when using the RadButton has been one of our most requested features in our feedback portal. This can be extremely useful in scenarios where you want the user to confirm the action they’re about to do. This has technically been possible with some custom code, but now we are providing a quick and easy way to offer this with the RadButton component out-of-the-box!

Continued Stability Improvements

I always like to highlight that the UI for ASP.NET AJAX team continues to ensure that every release is the most stable release of UI for ASP.NET AJAX to date. With R2 2019 we have focused on our issues backlog and worked hard on improving the overall stability of UI for ASP.NET AJAX. This includes things like updated browser support to the latest and greatest, as well as a ton of under-the-hood items.

Upcoming Webinar

Want to see what we brought up here, plus what’s new with all of our .NET-based products? Join me and my colleagues for the official R2 2019 Telerik webinar on Wednesday, May 29th, at 11:00 AM ET! Seats are limited so make sure that you click on that link I just posted and reserve your spot today!

Read more


Telerik UI for Xamarin R2 2019: Welcome Map and ImageEditor Controls 2019-05-15 18:06:23

Telerik UI for Xamarin R2 2019 is here with brand new Image Editor and Map controls, PdfViewer and Calendar improvements, Pdf-processing capabilities, Visual Studio 2019 support and more.

Another spring is in its full swing and the time has come for the Telerik UI for Xamarin R2 2019 release which adds great features and components to the rapidly-growing UI for Xamarin offering. For the most impatient of you here is a list of the highlights that come with the latest version: brand new ImageEditor and Map controls, Pdf-processing library, major improvements in the PdfViewer control which is no longer in beta state, additional selection modes and improvements in the Calendar control. The suite is now build against Xamarin.Forms 3.6 and supports the latest version of Xamarin.Forms. Support for VisualStudio 2019 and VisualStudio 2019 for Mac is included as well.

You can directly check the new additions in the official Telerik UI for Xamarin documentation and demo applications or you can continue reading this blog post for a brief overview of the highlights.

Image Editor and Image Editor Toolbar controls

The first great addition to the suite are the RadImageEditor and RadImageEditorToolbar controls. For those of you who are not familiar with the ImageEditor control, it enables you to easily view and edit images in different file formats. The toolbar control is specifically designed to further enhance the editor as it exposes all its editing capabilities and is open to easy customization from your side. Below you can see a picture of some of the operations (resize and crop transformations, hue effect) applied to an image through the RadImageEditor control:

image_editor_operations

The key features of the element include: 

  • Import and export images in different formats such as JPEG, PNG. GIF and BMP can be imported only for viewing purposes for the time being.
  • Different image source options
  • Rich image editing features set – transformations and effects
  • Undo/Redo support
  • Pan and Zoom support
  • Custom Commands
  • Toolbar with customization capabilities 

Map Control

The next big addition is the Map control. Its main purpose is to visualize rich spatial data. The control provides visualization of ESRI shape files that consist of geometric objects, such as lines, polylines and polygons. Such objects are commonly used to display various schemes, for example floor plans and seats distribution, all the way to parts of maps for countries, roads, rivers, etc. The following picture shows the map control used to represent data related to all states in the USA:

us_map

Some of the key features of the Map control are:

  • Shape files visualization
  • Multi-layer support
  • Various approaches for loading shape files
  • Pan and zoom support
  • Shape labels
  • Shapes styling
  • Selection
  • Custom commands

New library for working with PDF documents: PdfProcessing

After releasing our PdfViewer component with R1 2019, we are now exposing the model behind it. You can use the PdfProcessing library to create PDF files from scratch and modify existing ones. The library is built for .NET Standard and comes with support for a large set of the features defined in the PDF format specification. With the API and its exposed editors, you can insert images, draw on the document, add text or modify interactive forms. Don’t hesitate and try it out using the FirstLook example in the PdfProcessing section within the Demo application. If you need more detailed information, check out the PdfProcessing documentation section.

PdfViewer controlis is now GA

The R2 2019 release comes packed up with lots of improvements for the PdfViewer control which is no longer in beta state. Some of the improvements and new functionalities are :

  • Command improvements, including a new double-tapped command
  • Mechanism to detect when a document is loaded/unloaded
  • Read-on-demand feature
  • Automatic Fit-to-width
  • Various performance improvements
  • New rendering mode that renders the content in a background thread 

Calendar Selection Modes and Scheduling UI Improvements

The calendar control now supports two additional selection modes – Range and Multiple. With these additions you can choose from a total of four selection modes - None, Single, Range and Multiple. Furthermore, various improvements have been made to the control and we also added a Details field to the appointment UI. Here are how the additional selection modes are visualized in Android:

selection_modes

Share your thoughts

As always, your feedback is extremely important for us so feel free to comment under the blog or visit our Telerik UI for Xamarin Feedback portal. Sharing your feedback on additional features you would like to see or improvements in the current functionalities is always appreciated and is taken into consideration when planing the future releases so if
you are in a need for a certain control or feature - do not hesitate to share it with us. The latest version is available for download in www.telerik.com

Sign Up for the Webinar

To see the new release in action, please join us on the Telerik UI R2 2019 webinar, on Wednesday, May 29th @ 11:00 am - 12 pm EST.

Save My Seat

Read more


Meet Telerik UI for WinForms FileDialogs, Simplified Ribbon and DomainUpDown in R2 2019 2019-05-15 18:03:11

Check out everything that's new in Telerik UI for WinForms with the R2 2019 release.

During the middle of the spring the new R2 2019 release is flourishing. It brings a diverse set of components, new features and amelioration in UI experience.

Let me share the key additions we have in R2 2019:

FileDialogs 

FileDialogs_WinForms

Have you ever wanted to be able to style the file dialogs in your application to appear as awesome as the controls from the Telerik UI for WinForms suite? Voilà! We are very thrilled to announce that the most wanted components by our customers are now here. You can replace the native dialogs with RadOpenFileDialog, RadOpenFolderDialog and RadSaveFileDialog to achieve a comprehensive look and feel! 

Here are a few of the major features of the dialogs:

  • Easy Navigation: The dialogs allow you to easily browse through your file system either through the tree-view-like navigation pane or the breadcrumb/path pane. A history of the visited folders is kept so that you can seamlessly jump back and forth between folders.
  • Search: The out-of-the-box search functionality allows you to quickly find just the files and folders you're looking for by using the Windows Search index when available.
  • Filter: You can specify a filter for the RadOpenFileDialog and RadSaveFileDialog dialogs in order to indicate to the user which types of files should be opened or saved.
  • Layouts: The UI allows the users to change the layout of the main pane by switching between different view modes (Tiles, Small Icons, Large Icons, etc.).
  • Variety of Themes: You can persist the appearance throughout your application by applying any of the predefined themes provided by the UI for WinForms suite to your dialogs.

Simplified Ribbon

SimplifiedRibbon_WinForms

RadRibbonBar introduces a new Simplified LayoutMode, in which all elements in the RibbonBar are automatically arranged on a single row. The simplified ribbon aims to help the user focus more on their work by providing a compact layout which is taking half the height of the standard ribbon.

DomainUpDown

DomainUpDown_WinForms

RadDomainUpDown is a combination of a text-box and a pair of arrow buttons to navigate through a predefined list of items. The control displays a text from a list of string available options. By clicking the up or down arrow button, the user can navigate backward or forward in the items list. It supports:

  • Items navigation by either using the up/down arrow keys or double clicking in the editor.
  • Data-binding - automatically populate the Items collection considering the records in the applied collection.
  • Unbound mode - adding the items manually via code.
  • Auto-complete functionality - appends text to the user's input if there is a match inside the Items collection.

Form Converter

Back in R3 2018 we introduced a RadFormConverter which is a powerful tool for converting standard forms to RadForm, RadRibbonForm and RadTabbedForm. Now, in R2 2019, if you have at least one control from the Telerik UI for WinForms suite on a Windows Forms Form, you can use the Form's smart tag to convert it to a RadForm, RadRibbonForm or RadTabbedForm.

FormConverter_WinForms

.NET Core Visual Studio Templates

Visual Studio Templates for .NET Core are introduced in the latest release. Using them, you can quickly end up with a ready to use Telerik UI for WinForms enabled application, based on .NET Core, or to jump start your project with one of the predefined application templates.

  CoreVSTemplates_01

CoreVSTemplates_02

Latest Internal Builds

We have recently released a new page on our website which will give you access to our latest internal builds. These are the distributions built automatically from our source repository and include all latest fixes (new features are usually not included). Regular builds are an integral part of our development process and based on the continuous quality assurance and feedback, we strive to produce the most stable releases possible. If you have experienced any problem with the current official distributions, there is a possibility that the issue has already been addressed in the latest internal build.

LIBs_WinForms

In addition to all these great features and new controls, as usual R2 2019 brings in many more improvements based on your feedback.

Try It Out and Share Your Feedback

R2 2019 is already available for download in customers’ accounts. If you are new to Telerik UI for WinForms, you can learn more about it via the product page. It comes with a 30-day free trial, giving you some time to explore the toolkit and consider using it for your current or upcoming WinForms development.

We would love to hear what you think, so should you have any questions and/or comments, please share them to our Feedback Portal.

Sign Up for the Webinar

To see the new release in action, please join us on the Telerik UI R2 2019 webinar, on Wednesday, May 29th @ 11:00 am - 12 pm EST.

Save My Seat

Read more


Simplified RibbonView, New WebCam & TabbedWindow Controls, More in UI for WPF R2 2019 2019-05-15 17:59:19

R2 2019 of Telerik UI for WPF and Telerik UI for Silverlight is already available to download and it is fully packed with cool stuff.  We are introducing two new controls – WebCam and TabbedWindow, new Simplified View for the Ribbon control as well many new features in the Spreadsheet, TabControl and other controls.

Let’s dive into all the new controls and features of this release.

WebCam (Beta)

You wanted it – we delivered it! One of the most voted requests in our Feedback portal is now available in Telerik UI for WPF. RadWebCam allows you to easily capture photo or video and use it within your WPF application.

Here are the features of the initial version of controls:

  • Video stream – the control streams video from the connected camera.
  • Snapshot – easily take a picture by pressing camera button.
  • Snapshot preview – save or discard the taken snapshot.
  • Video recording – record video with ease by pressing the video camera button (without audio for this version).
  • Separate setting control – control the camera settings either through the built-in dialog or through separate control.
  • Localization – all the strings seen in the control are localized in all of our supported languages.

For more info check the WebCam documentation here or give it a spin through our WPF Demos! We need all of your feedback about the control, so we can better shape it (per your needs). Make sure to drop me a line here or in our Feedback portal – I will appreciate it.

Happy selfying !

Tabbed Window Control

Introducing the brand new RadTabbedWindow control. It will allow you to easily create browser-like user interface within your WPF application. You would be able to benefit from all the features of RadTabControl and RadWindow when using RadTabbedWindow.

Here are the key features of the control:

  • Pin/Unpin/Close Tabs – Pin the important tabs on the left side of the control using the respective button. Close any using the built-in close (x) button.
  • Add New Tabs - Add as many new tabs as needed at run-time using the built-in “plus” (+) button.
  • Drag and Drop – User can reorder tabs in a single window, drag out tab to create new window, or drag drop a tab from one window to another.
  • Themes – Benefit from the beauty of all the Telerik UI for WPF themes
  • CodedUI and Automation support

For more details please check this section of our online help documentation.

Simplified Ribbon

SimplifiedRibbon 

RadRibbonView now supports the modern look of the latest MS office application. Using this smaller more compact layout you could show only the common/important commands and have more space for the actual content of the application. With this modern appearance you will impress your customers and at the same time provide better user experience.

So in order to get it working just take your already built Ribbon UI and define the desired simplified UI by setting the SimplifiedItems property of RibbonTab. For more details on how to setup the Ribbon please refer to this help article.

Spreadsheet and SpreadProcessing: Scatter and Bubble charts

As promised, we continue to develop the charting functionality and with this release you can use two more chart types: Bubble and Scatter. The Scatter charts allow you to easily compare the relationship between two variables visually using two value axes. The bubbles are a different way to represent the Scatter charts and enable you to add a third value to the plotted data: the size of the bubbles.



For more info how to display charts in Spreadsheet check this article and for SpreadProcessing this article.

RadWindow Dialogs – Default Button

Have you ever wanted to change the default focused button of RadConfirm? If so – I know your pain. This is now possible without extracting and modifying its ControlTemplate – just set the DefaultFocusedButton property of the DialogParameters as shown below:

1.var dialogParams = new DialogParameters
2.{
3.    Content = "Are you sure?",
4.    DefaultFocusedButton = ResponseButton.Cancel
5.};
6.
7.RadWindow.Confirm(dialogParams);

And here is the result:

Check out the Predefined Dialogs article for more info.

.Net Core 3 Visual Studio Templates

Happy to announce that all of our Visual Studio project templates are available now as .Net Core project templates! Now with just a few clicks you could implement a rich Windows inspired application using the .Net Core version of Telerik UI for WPF. You would be able to choose from the following templates, they are available for Xaml and No Xaml binaries:

Happy coding! ‍

Other Features

  • AutomationManager: Custom AutomationProperties.HelpText will be now supported by setting the UseDefaultHelpText property to false. (link)
  • Themes: Introduced DisabledOpacity as dynamic palette resource for Windows8, Windows8Touch, Office2013, VisualStudio2013 themes.
  • GridView: New SearchMode that indicates whether an item should match any or all of the search terms. (link)
  • Map: Added option to provide API key for the OpenStreetmapProvider. The API key is needed for the Cycle and Transport modes. (link)
  • PropertyGrid: Added ability to control the initial expanded stated of the groups. (link)
  • VirtualGrid: Now if QueryableCollectionView is passed to the DataProvider the control will automatically use it instead of creating new instance.
  • TabControl: Added predefined pin and close buttons of the TabItems. (link)

Sign Up for the Webinar

To see the new release in action, please join us on the Telerik UI R2 2019 webinar, on Wednesday, May 29th @ 11:00 am - 12 pm EST.

Save My Seat

Share Your Feedback

Feel free to drop us a comment below sharing your thoughts. Or visit our Feedback portals about UI for WPFSilverlight and Document Processing Libraries and let us know if you have any suggestions or if you need any particular features/controls.

Try out the latest:

UI for WPF  UI for Silverlight


In case you missed it, here are some of the updates from our last release.

Read more


What's New in Telerik Reporting and Telerik Report Server R2 2019 2019-05-15 17:52:00

Our second release is here, and we are excited to share all the latest updates across Telerik Reporting and Telerik Report Server. Check out how to generate PDF documents with all applicable accessibility standards, fetch JSON-formatted data or how to use desktop viewers in .NET Core applications. 

The next major versions of Telerik Reporting and Telerik Report Server products have been just published. Now, it's time to introduce the latest features and improvements packed into the R2 2019 release. 

Here’s a quick look at the things we are most excited about: 

PDF Documents Accessibility 

As we keep striving to provide the best user experience for all end-users, it is essential that we can reach out to a wider audience. PDF export format is the most used one in our product, so in this release we decided to continue to push forward our efforts to introduce accessibility support for the exported PDF documents. This improvement is especially important for organizations who broadly use this format like banks, government institutions and big enterprises, where the accessibility support is a must. This will ensure accessibility for people with disabilities who use assistive technology such as screen readers, screen magnifiers, joysticks and other technologies to navigate and read electronic content. 

PDF Accessibility

JSON DataSource Component 

As of R2 2019, we enable offline feeding of the reports with data in JSON format. The JsonDataSource component enables data items to display data stored in JSON document, including files or inline string, without writing a single line of code. Using JsonDataSource allows you to access and display data in a report without parsing the JSON document first. This adds another option of self-containing report definition that does not have external dependencies and can be easily shared for report preview and export. 

JSON Data Source

WPF & WinForms Report Viewers for .NET Core 3.0 

Following today's trends, we’ve enabled the WPF and WinForms report viewers to support the up-and-coming .NET Core 3.0. In this new Core version, Microsoft team will add support for the desktop technologies when officially released. With this and the .NET Core 3.0 support for Progress Telerik Windows Forms and WPF control suites, we enable our users to create fully featured .NET Core desktop applications. 

WPF Core Demo

Telerik Reporting REST Service Targeting .NET Core 3.0

We cannot miss to share that in this release, we’ve also improved our Reporting REST Service to support .NET Core 3.0.

Eliminated Bugs 

For the full list of all the bug fixes, check the release notes for Telerik Reporting and Telerik Report Server

Try it Out and Share Feedback 

We want to know what you think—you can download a free trial of Telerik Reporting or Telerik Report Server today and share your thoughts in our Feedback Portal, or right in the comments below.  

Tried DevCraft? 

You can get Reporting and Report Server with Telerik DevCraft. Make sure you’ve downloaded a trial or learn more about DevCraft bundles. DevCraft gives you access to all the toolsets, allowing you to say “no” to ugly apps for the desktop, web, or mobile. 

Watch the Webinars

And don't forget to look at our release webinars, where our technical experts provide a deep dive into all our new features and functionalities. 

Register for the Telerik Webinar

Register for the Kendo UI webinar 

Register for the KendoReact webinar

Read more


JustMock in the Cloud, New Features for Async Tasks and More with R2 2019 2019-05-15 17:43:50

Following your requests for JustMock, with R2 2019 we provide support for Azure Pipeline with build agent hosted in the cloud, auto resolving of test context when using asynchronous tasks, verification of method call prerequisites, throw an exception from an asynchronous task and new .NET Core project templates for Visual Studio.

Support for Azure Pipeline with Build Agent Hosted in the Cloud

Until now JustMock supported Azure Pipeline with build agent hosted on premises server. This was a limitation due to the requirement JustMock to be installed on the server. With R2 2019 we are officially providing installation free option for the Azure Pipeline task.

The installation free option is available for build agents hosted on premises servers and in the cloud. To configure this new option go to the JustMock options section in the JustMock VSTest task, which you should add to your build pipeline after installing our Telerik JustMock Tests v.2 extension. Simply fill the 32 and 64 bit JustMock profiler path as it is done in the following screenshot:

Azure Pipeline

 

Of course, you should first make sure that the 32 and 64-bit JustMock profiler dlls are available on the build agent machine. I have personally done that by adding them to the source control in a separate folder named "Lib". This way I ensure that regardless if the build agent is on premisses or in the cloud the profilers dll will be available. Lastly, a verification of the correctness of the specified path is always a good practice.

Support for Verification of Method Call Prerequisites

There are those test cases where the developer should make sure that a certain number of methods were already executed before verifying that a particular method has returned a correct value. This is why we have implemented a new feature for verification of method call prerequisites.

To better illustrate the benefit of this feature I will give the following example. Imagine that you want a certain collection to be returned by a method only after an Init method is called for all elements in that collection. How would you verify that?

Here is a code example demonstrating exactly how this test case could be verified:

// Arrange
var barCollection = new List<IBar>()
{
    Mock.Create<IBar>(),
    Mock.Create<IBar>(),
    Mock.Create<IBar>()
};
var barContainer = Mock.Create<IBarContainer>();
Mock.Arrange(() => barContainer.Elements)
    .ReturnsCollection(barCollection)
    .AfterAll(barCollection.Select(bar => Mock.Arrange(() => bar.Init())).ToArray());
 
// Act
barCollection.ForEach(bar => bar.Init());
var actualCollection = barContainer.Elements;
 
// Assert - verify that all prerequisites are met
Mock.Assert(barContainer);

For more information please check our documentation article about this feature.

Auto Resolving of Test Context When Using Asynchronous Tasks

In many situations when creating a mock for a static member the developer writing the test should think if this static member can be called from an async task and search for the correct JustMock API to handle this scenario. Until now the arrangement of such static member had to be done with calling the OnAllThreads method after all other expectations. With R2 2019 we have simplified this process by implementing an automatic resolving of test context when using asynchronous tasks. This means that if the developer has made an arrangement for a static member or future creation of object instance those arrangements will be valid out of the box for all async tasks created by the test method. 

Throw an Exception from an Asynchronous Task

Have you ever wonder how to simulate the return of a failed asynchronously executed task with specific exception? Me too as so do our clients. This is why we have implemented support for throwing a specified exception for a target asynchronous call causing returned task to fail. Here is example of how such arrangement should be done:

Mock.Arrange(() => foo.AsyncExecute()).ThrowsAsync<ArgumentException>();

For more information please check our documentation article about this feature.

.NET Core Project Templates

As we promised we are adding .NET Core project templates for Visual Studio. With those project templates a developer could create a test project for .NET Core using JustMock with few clicks.

Net Core test project template

Sign Up for the Webinar

To see the new release in action, please join us on the Telerik R2 2019 webinar, on Wednesday, May 29th @ 11:00 am - 12 pm ET.

Save My Seat

Share Your Feedback

Feel free to drop us a comment below sharing your thoughts. Or visit our Feedback portal and let us know if you have any suggestions or if you need any particular features.

Try out the latest:

JustMock

In case you missed it, here are some of the updates from our previous release.

Read more


What’s New in KendoReact with R2 2019 2019-05-15 17:13:06

The R2 2019 release of KendoReact is here, bringing with it a large set of new components like the Editor, DateTimePicker, Notification, and more! Additionally this release brings column virtualization to the KendoReact Grid and a drag & drop feature for the TreeView.

They say that time flies when you’re having fun, and the last four months since R1 2019 have certainly flown by! We’ve been super busy since January, but now that we’re firmly in May I wanted to step through what the KendoReact team has been working for R2 2019. All of this effort has been made to ensure that creating business applications with React is as easy as possible, and you'll see plenty of great components and features added to the UI suite for this exact purpose.

More New Components

Editor

KendoReact Editor with some basic paragraphs and lists included as content.

The new KendoReact Rich Text Editor is a full-featured, highly customizable WYSIWYG editor. It enables end-users to input free-form text, apply a large spectrum of formatting options, and insert HTML content. Custom rendering support ensures that you can integrate it to fit any scenario across any React app. The component allows for the creation of custom Editor tools (controls) and plug-ins, which makes it very easy to extend and customize even further. Like the rest of the KendoReact UI library, the Editor complies with accessibility standards and supports globalization.

Jump over to the Editor demos to see the new component in action.

DateTimePicker

Animated gif of picking a date and time in the KenodReact date time picker component

The DateTimePicker component is perfect for scenarios where both date and time needs to be selected by the user. Following best practices around user experience, the component works well both on desktop and responsive mobile applications alike. As the gif above showcases, picking the date and time are done on separate “views” within the DateTimePicker, separating the two parts of this input nicely while still maintaining a uniform user experience.

Here is a quick link to the DateTimePicker component demos that should give you a good idea of how to use this component in your React apps today.

Notification

Various notification types like error, success, and warning showed as a part of the KendoReact notification component

With the new Notification widget developers can easily showcase additional information on top of their existing user interface. As the above image showcases, this notification component has predefined designs and styles for success, warning, or error notifications. Of course, it has full capability to provide your own styling and options for your notification requirements!

I wish I could trigger this with a notification itself, but instead a plain link will have to do. Check out the KendoReact Notification samples right here!

Slider

Sliders provide a slick and easy way to select a particular value out of some range. Whether it is percentage, movie ratings, or just messing with some opacity levels - sliders are an incredibly useful way to make your applications pop a little bit more.

Sortable

Screenshot of someone rearranging a list via drag and drop through the sortable component
Originally only available internally within our components, the KendoReact sortable component is a helpful utility library to help around displaying a generic list of items and re-ordering the elements by dragging and dropping them. Any updates to the list are preserved to the underlying data set.

It might be easier to see this in action, so head on over to the KendoReact Sortable documentation to get a better picture of what I’m talking about.

Draggable (for drag & drop)

Previously also only an internal implementation, this release sees the drag & drop utility library released for any generic drag & drop scenario. Allow any UI element to be draggable and define exactly what can be dragged and where it can, or cannot, be dropped.

To get inspiration around introducing drag and drop in to your React applications check out the Draggable overview demos

The Grid Becomes Even More Powerful

Column Virtualization

Animated gif showcasing the KendoReact Data Grid with Column and Row Virtualization enabled

In order to provide the best possible performance we can, the KendoReact data Grid now provides column virtualization on top of the already available row virtualization. No matter how many columns or rows you throw at the Grid your end users will see a smooth scrolling experience.

The above gif may not do this justice. Check out the Grid virtualization demo to see just how fast and buttery smooth the KendoReact Grid is with scrolling both vertically and horizontally!

Context Menu

Oftentimes end-users want to have some additional interactions with a row or a particular cell when right-clicking on the data item. Enter the context menu. This feature allows for additional interactivity options to appear in a menu whenever a data item is clicked.

Quality of Life Updates to the TreeView

Drag & drop

Dragging and dropping nodes around in the KendoReact TreeView component

Easily re-arrange the order, or at which depth, data items in the TreeView are displayed with the new built-in drag and drop feature of the KendoReact TreeView. This works for leaf nodes as well as nodes with children.

This feature works extremely well, and I recommend hopping over to the KendoReact TreeView drag & drop demo to play around with this yourself.

Checkbox selection

The KendoReact TreeView component with checkbox selection enabled. A few of the nodes have been selected via checkboxes

Developers often need to extract the selected items from a TreeView widget. This is now even easier than before with the new checkbox selection functionality which renders a checkbox next to each TreeView node.

Adding checkbox selection is pretty easy - just head on over to the KendoReact TreeView Selection demo and see how you can go about enabling this in your KendoReact TreeView!

Other Things We’ve Been Working On

We also have some other things that we have been working on that I wanted to highlight.

Demos with Hooks & Lazy Loading

Hooks, hooks, and more hooks. Seems like we can’t escape this word in today’s React landscape. While we’re not rushing to recreate every single demo to use hooks, we do have a couple of examples showcasing both hooks and one of them covers lazy loading as well!

Server-Side Rendering Demos

Server-side rendering is something that our components have supported pretty much from day one, however we don’t have too many examples of this in action. Well, that’s changing! Here’s a quick look at working with SSR and KendoReact for those of you interested.

Sign Up for the KendoReact R2 2019 Webinar!

If you want to see what we brought up here (and more) in action then you should join myself and my Developer Advocate colleagues during the KendoReact R2 2019 Live Webinar on Tuesday, June 4th at 11:00 AM ET! Seats are limited so make sure you register today to save your seat!

Save My Seat

Read more


What’s New in the Kendo UI Angular Components with R2 2019 2019-05-15 17:12:59

The R2 2019 release for Kendo UI for Angular is here! Read about the updates we've done to the Scheduler, Editor, and Grid components along with new components and other various updates!

May is here and while the dust from ng-conf may have just settled I want to stir up some more hype for Angular by talking about the R2 2019 release of the Angular components in the Kendo UI bundle!

There’s a lot to cover, so let’s just jump straight in to things.

The Angular Scheduler Gets Plenty of Improvements

The Scheduler is one of our bigger components that I know quite a few of you have already picked up and worked with. While the initial version of the Scheduler was a bit bare bones, we’ve been working hard on adding features that are requested by users as well as look at our other Scheduler components in other suites for inspiration and ideas.

From R1 to R2 we were able to add quite a few features!

Resize Events

This is pretty big feature for any scheduler or calendar implementation, and while we did release this feature earlier in the year it still falls under what we did between R1 and R2 2019. So, your end users can now easily update the duration of any event by simply resizing the event and dragging the top or bottom of the event to the desired time slots.

Check out a demo of the resizing of events in action right here.

Drag & Drop Events

In a similar vein to resizing events, it is also important for your users to be able to freely drag and drop events around the calendar surface. So, with the latest edition of the Angular Scheduler you can easily enable this in any editable Scheduler, which of course also includes the ability to prevent certain items from being dragged around, or limiting where they can be dropped. Here’s a demo that showcases how the drag and drop functionality works!

Multi-Day & Work Week Views

Kendo UI for Angular Scheduler with a custom multi day view
 

Just how your schedule is display is of course also important. Often times in calendar clients like Outlook or Google Calendar you have the ability to switch between a few different views (single day, multiple days, work week, agenda view etc.). While we’ve already had quite a few of these views created already, with the latest bits we have Multi Day & Work Week views that can be either the default view for all of our Scheduling needs, or just one of many views that you allow your users to select from. To see how you can add this in your Angular applications today, jump over to the Kendo UI Angular Scheduler demo section to see an interactive demo and source code for how to implement these!

Export to PDF 

Exported PDF document from a Kendo UI for Angular Scheduler instance

The section title kind of gives things away here, but the Kendo UI Angular Scheduler now supports exporting the current view to PDF with the click of a single button! Initial configuration is really just a single line of code as well, with more advanced configuration options available, so adding this to your existing Scheduler implementation is a breeze! Here’s a demo of the PDF export in action.

Current Time View

Sometimes we get stuck deep in our calendar where we may not necessarily know where we are compared to the current time, hence the new ability for the Kendo UI Scheduler to give a nice little line to indicate what the current time is. Jump over to the Scheduler demo and click on “Today” to see how this works in real time.

Tools, tools, and more tools for the Rich Text Editor

Kendo UI’s rich text editor for Angular is a very fresh component and we’ve worked hard on adding as much functionality as possible to this frequently-used and requested component. Specifically these are the new tool options that we were able to add for R2 2019.

  • Format drop down showcases different formats
  • Insert Image Dialog
  • Insert File Dialog
  • Subscript & Superscript
  • View HTML tab
  • Font Picker & Font Size Picker
  • Text Align and Justify content
  • Clear formatting button
  • Localization
  • Right-to-left (RTL) support

That’s a whole lot of features to add! This is of course only the beginning, but with these features we’re already bringing in the most critical features for rich text editing in to your Angular applications! This Editor demo highlights all of these tools out of the box so head over there and play around with these new features!

Additions to the Grid

Everyone loves the Grid, and with good reason! With this release we managed to add a couple of more features to this popular component.

Endless Scrolling

Kendo UI for Angular Grid with the endless scrolling feature enabled
Endless Scrolling provides a new way for users to scroll through large sets of data, with more data being loaded every time the scroll bar reaches the bottom of the scrollable area. All features of the Grid (filtering, sorting, grouping, etc.) can be used with this mode of scrolling, but it does remove the need for an actual pager at the bottom of the Grid. To see his in action, check out our Grid Endless Scrolling demo.

Cell Spanning

The name kind of gives it away, but the Kendo UI Angular Grid now support spanning of cells both in the same row (column spanning) as well as in the same column (row spanning).

Excel Export Supporting Expand/Collapse Functionality

An interesting feature that I personally didn’t even know Excel could do is expand and collapse certain sections with a traditional plus/minus toggle button. Well, turns out it can and also turns out we can support it! So, if you’re using grouping in the Kendo UI Grid and want to allow the exported document to provide expand and collapse icons for your groups that can easily be done. Head over to this Grid demo to see how!

Two Big Items for the DropDowns

The DropDownList group of components also received two big updates: grouping and virtualization

Grouped Lists

Kendo UI for Angular drop down component with data grouped on a particular field
With the latest bits you can now define a particular field to group the data items within a drop down, rather than just list out all items without a specific order. This has been requested for some time so I’m happy to say it is delivered for R2 2019!

Virtualization (Soon)

This is another huge feature for DropDown components - especially in scenarios with a large list of data. While this is not available as of today (May 15th 2019), it will be available over the next couple of weeks. So, if you're reading this in the future virtualization should already be a part of the package!

I still wanted to bring this up in today's announcement blog post as I know it is a very important feature for many of you using the drop downs. We have the implementation more or less up and running, but there are tweaks we want to do before actually releasing the feature to make sure it is up to our regular standards.

New Component: ColorPicker

The Kendo UI for Angular Color Picker UI component displaying a custom palette of colors to pick from
A brand new widget that we added with this release is the Angular ColorPicker component. This is a pretty useful component to use whenever a choice of color needs to be involved within your application.

Whether it is from a list of predefined colors that appear once you click on the drop down like in the image above, or if you want to provide a gradient selection to self-select the perfect color, or even forego the entire drop drop and just render color blocks or the gradient right on the page - it’s all possible with the Kendo UI ColorPicker!

Accessibility

Accessibility is always something that we take very seriously on the Kendo UI teams, and Angular is no exception. We try to make our components compatible with WCAG 2.1, Section 508, and WAI-ARIA standards out of the box. However, there are certain scenarios and features that may prohibit certain levels of compliance, so we have created this accessibility documentation article to help ensure WCAG 2.1 compliance when you implement our Angular UI components.

Join Us for the Webinar!

If you want to see what we brought up here in action then you should join myself and my Developer Advocate colleagues for our live Kendo UI Webinar on Thursday, June 6th at 11:00 AM ET! We have limited seats for this webinar so make sure you head over and register to reserve your seat today!

Read more


What’s New in the Kendo UI Vue.js Components with R2 2019 2019-05-15 17:12:50

The R2 2019 of Kendo UI for Vue.js is here, bringing a column menu, and virtualization while grouping data as well as across columns for the data grid. The ListView also received endless scrolling to help improve the performance of this data-heavy component.

We’ve been busy over the last couple of months expanding the Vue.js offering in thee Kendo UI bundle. During the last couple of months we have been busy expanding the native Kendo UI Vue.js data grid, as well as continued to expand features and new components within the wrapped components. Let’s dive right in!

The Native Vue.js Grid Just Got Better

As a part of our development efforts over the last few months we have added the following features to our Vue data Grid.

Grouping & Virtualization

Scrolling through a Kendo UI for Vue.js Grid with Grouping and Virtualization

Virtualization is a big reason for why the Kendo UI Vue,js Grid is so powerful already. However, we had not fully implemented virtualization when data was grouped. Well, with the latest version of the Grid you can now work with both features enabled like we do in this data grid demo.

Column Virtualization

Previous virtualization support, including what we did for grouping along with virtualization, was only on the row level. However, with R2 2019 we now also officially support virtualization around columns. This means that even the largest of data sets can be scrolled through smoothly both horizontally and vertically.

Frozen / Locked Columns

Animated gif showcasing frozen or locked columns while scrolling through data grid

The ability to freeze, or lock columns depending on what term you’re used to, is a big feature folks are looking for when it comes to the Grid. So, of course we went ahead and added this functionality to our data table component! This can be set up to work with locking columns to the left or the right, and columns can be locked and unlocked as you scroll horizontally past them as well. Here’s a demo of frozen columns in action to showcase what the code looks like to implement this functionality.

Grid Column Menu

Providing additional options for a column beyond the default filter icons and sorting is another big request that comes through for all of our data Grids. This is where the column menu feature comes in to play, which offers the ability for you to provide additional options for ever column, including showing and hiding columns via the menu or creating your own custom commands.

ListView Adds Endless Scrolling

Endless Scrolling, the scrolling method that loads more data as the scrollbar reaches the bottom of the currently scrolled area, is a big feature request on the ListView side. So, we decided to add this feature to the Kendo UI Vue.js ListView component, letting your users scroll through tons of data without needing to actually implement the pager.

Sign up for the Kendo UI Webinar!

If you want to see what we brought up here in action then you should join myself and my Developer Advocate colleagues for our live Kendo UI Webinar on Thursday, June 6th at 11:00 AM ET! We have limited seats for this webinar so make sure you head over and register to reserve your seat today!

Read more


What’s New in R2 2019 for Kendo UI and jQuery 2019-05-15 17:12:30

The R2 2019 release of the jQuery UI components from Kendo UI is here! This release brings highly anticipated components like the PDF Viewer and Drawer, along with frequently-requested features like Endless Scrolling in the ListView.

May is finally here and you know what that means: time for another Kendo UI release! The R2 2019 release is here and it is bringing a huge set of new features and components so let’s dive right in!

New Component: PDF Viewer

jQuery PDF Viewer component with lorem ipsum pdf content

The new PDF Viewer component is designed to let your users view and interact with PDF files right in the browser! This new component can be initially bound to a PDF file, or a user can even open a file from their machine to view within the component itself. They can also download the file they are currently viewing with a single button click. The interface is fully responsive and adaptive as well, which means you can add the PDF Viewer component to display PDF files on a mobile device just as easily as it can be viewed on a desktop machine.

With this initial version we have also built in virtualization to help with going through larger PDF files. Performance is always on our minds after all

We also wanted to let you have your choice in PDF framework to process the actual document, so you can either use PDF.js or work with the Telerik Document Processing Library in order to process the PDF files for viewing.

New Component: Drawer

Kendo UI jQuery drawer widget expanded in modal mode

Another new component is the Kendo UI Drawer. If you’re unfamiliar with a drawer widget, it’s that lovely thing that expands and collapses when you click on something like a hamburger button. Usually this is on the left or right side of the page and it provides a slick way to have navigation without being in the way.

Outside of the ability to just show and hide the menu, which can be done in a modal way or by pushing the existing content to the side a bit, you have the ability to fully customize what each menu item looks like. This can be as simple as providing a simple text and icon combination through our properties, or work with templates to define your own look.

The drawer also features a “mini” mode which lets you show the menu but only rendering the icons you have chosen, giving a compact way to provide navigation within your application.

The Spreadsheet Component Gets Even Better

With the R2 2019 release the Spreadsheet component has received some of its most requested features! Specifically we tackled the following items.

Image Support

You can now add images to any cell. This includes dragging them around cells as well to find the perfect place for your images. Of course, any image that has been added will be a part of the files that you export

Cell Comments

With the latest release you can now let your end-users add comments to cells across the Spreadsheet and of course other users can review said comments when they visit the same document.

Additional Events

In order to provide more ways to customize the Spreadsheet component and make it tailor-fit to your applications we have expanded the events that we expose from the component. These events include:

  • OnChanging
  • OnDataBinding
  • OnDataBound
  • OnPaste
  • OnCut
  • OnCopy

As you can see, there’s now plenty of opportunity to jump in and override many of the default behaviors of the Spreadsheet component thanks to these events!

Mobile Improvements & Adaptive Renderings

In order to ensure that our developers do not have to make a choice between desktop or mobile, and instead think about responsive design and Progressive Web Apps (PWAs), we’ve gone through and updated and improved the adaptive rendering and mobile support of three of our components.

The Grid

Kendo UI jQuery Grid showcasing adaptive rendering which adapts to provide a more applicable UX for mobile

Normally when we deal with responsive design in the Grid we need to start looking in to what columns to show or hide, and maybe condense the pager in to a drop down or something like that.

However, there’s more to the Grid. There’s filtering, sorting, showing and hiding columns - all which requires additional UI elements to handle. These may be tricky to get in to something like a popup menu, and let’s face it - popup menus on mobile can be pretty bad. So, with adaptive rendering we take that in to account and provide an alternate user experience for interactions with the Grid to help truly adapt to the view that the Grid is rendering in.

Here’s a quick example of what this looks like when you click or tap on the header of a Grid.

Kendo UI jQuery Grid showcasing adaptive rendering that provides a list view with switches for column settings

See how we have a ListView with options (sort ascending or descending) and you can dive deeper in to the Filter options for a column? Similarly, we have switches available for every column to toggle visibility not just for the current column, but all columns available in the Grid.

I should mention that this isn’t the default behavior of the Grid - regular responsiveness still accounts for most requirements. However, this adaptive view can be set up with a single configuration option for those of you that need it!

The Scheduler

Kendo UI jQuery Scheduler showcasing a day view with an adapted user experience for mobile

Similar to the Grid, the Scheduler is another component that can benefit from actually adapting to its viewport rather than just being responsive. So, with the R2 2019 release we decided to focus on the adaptive view of the Scheduler component as well.

Kendo UI jQuery Scheduler with an agenda view adapted for mobile view ports

Above we see a quick look at the agenda view (with some additional grouping) configured for the adaptive view, with tapping on these items bringing up an editable form that takes up the entire view port to help with easier editing on smaller viewports.

Again, similar to the Grid, the adaptive view of the Scheduler is triggered by a configuration option.

The DateRangePicker

The DateRangePicker dropped with R1 2019 and some of the initial feedback we had around improvement was around how it handled mobile users. Well, with R2 2019 we’ve gone through an ensured that this component handles responsive design well and works much better on mobile devices!

ListView Gets Endless Scrolling

Up until this release endless scrolling in the ListView was the highest-voted item in our feedback portal. Well, I’m happy to say that I can officially mark this item as “done” with the R2 2019 release!

This means the ListView no longer needs a pager at the bottom in order to cycle through a large list of items. Simply scroll to the end of your current list of items and you’ll have the next page of items automatically loaded. Your end users can now scroll to their hearts content!

Other Improvemens

jQuery 3.4.0 Support

This is easy to cover: with R2 2019 the Kendo UI components are officially compliant with jQuery 3.4.0, ensuring that we are keeping up to date with the latest and greatest within the jQuery world.

Data Binding the Menu

Another long-awaited item is the ability to be able to do local and remote data binding to the Kendo UI Menu. Well, with the R2 2019 release we can finally data bind to the Kendo UI Menu! Rather than manually build out your menu you can now use a DataSource to connect to remote data and populate the menu according to your own data items.

This and More in our Webinar

If you want to see what we brought up here in action then you should join myself and my Developer Advocate colleagues for our live Kendo UI Webinar on Thursday, June 6th at 11:00 AM ET! We have limited seats for this webinar so make sure you head over and register to reserve your seat today!

Read more


What’s New in R2 2019 for Kendo UI 2019-05-15 17:12:01

The R2 2019 release of Kendo UI is here! This brings with it a huge list of new components and features spread across our native libraries for jQuery, Angular, React, and Vue.

The R2 2019 release of the Kendo UI bundle is here and it is absolutely jam-packed with new components and features. Whether you are looking to develop with jQuery, Angular, React, or Vue - there’s plenty of new things to take a look at that should get you excited!

As usual, this blog post will serve as an overall summary of each individual JavaScript flavor and their updates along with links to more detailed pages that cover the new features to your favorite JS library in depth.

jQuery

New Components

With R2 2019 we are introducing two brand new components to the Kendo UI jQuery UI component list: the PDF Viewer and the Drawer widgets.

PDF Viewer

The PDF Viewer is designed to allow you to host PDF files within your apps without forcing users to first download the PDF to their local machine. The component can work with both PDF.js and the Telerik Document Processing Library to both process the PDF files for viewing and exporting. Additionally we have started off the first release with a bang and added virtualization as a feature, making sure that even the largest PDF files can be displayed in the component.

Drawer

The drawer widget has more or less taken over as the de facto navigation element for web applications, which is why we wanted to introduce this widget fully in to Kendo UI. The drawer can be either overlaid on top of existing content, or can move the content over to the side.

Drawer items are also your standard icon and text combination, but can be completely customized to have their own templates for layouts. The Drawer component also features the ability to display a more compact layout, called “mini” mode, which displays only the icons for every menu item.

New Features in Existing Components

Beyond the new components we have a ton of features being added in to our existing components.

Spreadsheet Improvements

The Spreadsheet widget is a very important widget within the Kendo UI component set, and with R2 2019 it received the most highly-requested features, including:

  • Image Support - Images can now be added, as well as dragged between, any cell within the Spreadsheet. Any images added will also be a part of the exported documents.
  • Cell Comments - End-users can now add comments to any cell, and of course if you have bound the Spreadsheet to a data end point they can also see other comments added in.
  • Events - We have expanded the set of events available in the Spreadsheet to include Changing, DataBinding, DataBound, Paste, Cut, Copy events. This should give you plenty of hooks to customize the Spreadsheet widget to fit your specific requirements.

ListView Endless Scrolling

Letting users scroll through large sets of data without having a pager at the bottom is a highly requested feature throughout all of our data bound components. The ListView is no exception to this and with R2 2019 we have added endless scrolling as a feature to the ListView - tackling the feature request with the most votes in our feedback portal!

Mobile & Adaptive Rendering

We have improved the mobile experience across a few components, including expanding the adaptive behavior of the Grid and the Scheduler.

What is adaptive behavior? Well, it gives us an improved UX for more advanced components where simply making the components fit to screen may not be enough. This means creating a separate screen for column settings, filtering, and sorting with the Grid, or creating separate screens for editing in both the Grid and the Scheduler.

Beyond this we have also improved mobile support for the DateRangePicker, ensuring that this component will work well on both desktop and mobile devices alike.

Menu Data Binding

The Kendo UI Menu has somehow escaped being able to be data bound to populate its elements. Well, no more! With R2 2019 we added the ability to work with the DataSource along with the Menu component, opening up the possibility that a remote data end point can be responsible for populating the menu for us.

jQuery 3.4.0 Support

jQuery 3.4.0 recently released and we were able to ensure that R2 2019 is fully compatible right away. So, for those of you looking to work with the latest and greatest within the jQuery world I’m happy to say that we fully support jQuery 3.4.0 with the latest release of Kendo UI!

More In-Depth Look at R2 2019 for jQuery

For a deeper dive in to what other features we added to jQuery, including some better descriptions of said features along with links to documentation and examples, I recommend heading over to the What’s New in R2 2019 for the jQuery Kendo UI Components blog post.

Angular

New Components

Along with the usual suspects like the Grid and DropDowns, Kendo UI for Angular has some big heavy hitting components, like the Scheduler and Editor. These require a lot of our attention to bring these into prime-time usage, so most of what we’ve done for R2 2019 has focused on those components. Still, we were also able to add a new component with the R2 2019 release!

ColorPicker

The Angular ColorPicker lets you provide either a drop down or expanded widget to let your users select color within your Angular applications. This can be done by providing a predefined color palette for your users to chose from, or a gradient that gives some more flexibility for picking a specific color.

New Features in Existing Components

Scheduler Enhancements

The Scheduler has been a focus of ours for a couple of releases now, and with good reason. It is one of our most-used components and we are receiving a ton of feedback from developers working with the component. While still have a few features to get to before we have caught up to our other web-based schedulers, with R2 2019 we were able to add the following features:

  • Resize events - Events can now be modified by resizing them through grabbing the top of the bottom of the event and expanding or shrinking the events.
  • Drag and drop events - Similar to above, drag & drop of events allows us to modify events through mouse interactions. Users can now drag an event to a different day or time slot to update when it happens.
  • Multi-day and work week views - While we have had a few different views of the Angular Scheduler for some time, with the latest release you can customize how many days you’d like to see in a single view. Additionally we have a work week view that you can select from.
  • Export to PDF - The content of the Scheduler can now be exported to PDF with the click of a single button!
  • Current Time - When a user clicks on the “Today” button within the Scheduler they will automatically be placed on the current day, and a current time indicator will be displayed as a line across the scheduler.

Editor Enhancements

The Editor is one of the newest Angular UI components that we offer from Kendo UI. As it's new, and because a rich text editor needs to cover a lot of scenarios, there are plenty of features that we need to add to the component. With this release we have covered most of the basics, including the following tools that have been added to the available toolbar options:

  • Format drop down showcases different formats
  • Insert Image Dialog
  • Insert File Dialog
  • Subscript & Superscript
  • View HTML tab
  • Font Picker & Font Size Picker
  • Text Align and Justify content
  • Clear formatting button
  • Localization
  • Right-to-left (RTL) support

This is just the tip of the ice berg for what’s to come for the Kendo UI Angular Editor, so keep an eye out for road map updates to see what is coming down the line!

Drop Down Improvements

The Drop Downs as a whole (not just the DropDownList, for example) have received two major new features that are pretty big if you ask me.

  • Virtualization (soon) - Much like the Grid and other list-based components, the drop downs will often have tons of data thrown at them. Virtualization helps ensure that users can scroll through tons of data while retaining a buttery-smooth scrolling experience. As of today's announcement the feature isn't quite ready, but I want to bring it up here to let everyone know we are just a week or so away from this being added in to the drop down package.
  • Grouping - Organizing large lists is no easy feat, and one approach that we take with drop downs is offering the ability to group the data on a particular field to help make navigation a little bit easier.

WCAG 2.1 Support

Accessibility is always important and a pillar for any Kendo UI product, and Angular is no exception. With R2 2019 we are introducing documentation and guidelines for how to ensure compliance with WCAG 2.1 standards when using the Kendo UI Angular components. As our UI components are pretty advanced there are always considerations around what features make something more or less accessible, so this guidelines should help navigate those waters!

More In-Depth Look at R2 2019 for Angular

For a more detailed look into the updates we have done on the Angular side check out the What’s New in Angular for R2 2019 blog post right here.

React

New Components

React, being one of the youngest libraries that we offer, is racing forward with implementing a ton of new components and features in an attempt to catch up with our other UI component libraries. For R2 2019 we introduced a ton of new UI widgets and features to existing UI components!

Editor

With R2 2019 we added the first version of our rich text Editor, giving React developers the option to add in more free-form text in to their forms and overall applications.

DateTimePicker

The DateTimePicker provides a single input element to select both a date and a time slot. The overall UX is pretty slick in that you have a calendar to select the date from and a time picker that is akin to many mobile time pickers that you may already be using today. Of course, as a developer you can easily extract the JavaScript date object from this component to save somewhere safe.

Notification

The notification widget is nice to have when you want to add some additional UX flare throughout your application. Whether it is a popup that appears when the user has done something good (successfully signed up) or if something went wrong (error message) - the notification gives an easy way to make this the focus of the users attention. We have some predefined notification types, success, failure, warning, but you can also fully customize the look and feel of your notifications.

Slider

The slider widget gives is new for R2 2019 as well and provides an intuitive way to select a particular value in some predefined range. Users can drag a little indicator from left to right to select the perfect value - far better than a regular input or a drop down with all available values.

Sortable

The KendoReact team has a few internal framework items that we use for some of our components and we often times realize that we should offer these as standalone packages to let other developers take advantage of them. Sortable is one of those packages. This opens up the opportunity for your end-users to reorder lists of HTML elements by dragging components around, with the underlying data being updated as we go along.

Draggable

The Draggable component is in the same vein as the Sortable component above: something that we want all React developers to be able to use rather than something we hoard for ourselves and the KendoReact UI components. Draggable is a generic utility library to help with dragging generic HTML elements and controlling where items can be dragged and dropped to.

New Features in Existing Components

Grid Improvements

Pretty much any release comes with some sort of update to the Grid honestly, but between January and May we added a huge feature in the form of column virtualization, cementing the KendoReact Grid as one of the fastest and feature rich data grids for React.

  • Column Virtualization - The KendoReact Grid is already one of the fastest data grids available for React developers and by introducing column virtualization we continue this trend of being on the forefront of performance. With the latest edition the Grid now supports virtualization of both rows and columns.
  • Context Menu - Often times we want to provide additional options on each of the data items within the Grid, and this is where the context menu comes in to play. Now a user can right-click on any row within the KendoReact Grid and have additional options appear. Of course you as a developer has full control over what appears in said menu.

TreeView Improvements

The TreeView also received some of the most frequently requested features, specifically drag & drop as well as checkbox selection.

  • Drag & drop - End-users can now take any node within the TreeView and drag & drop it to reorganize the TreeView structure. This works for leaf nodes as well as any nodes with children.
  • Checkbox selection - With a single configuration option you can now provide checkbox selection across the entire TreeView, with the selected values easily being extracted or set by working with the TreeView’s API.

More In-Depth Look at R2 2019 for React

Can’t get enough of what we’re doing with React? Head on over to the What’s New in KendoReact for R2 2019 blog post where I go in to more detail about all new components and features that are a part of R2 2019!

Vue

Native Data Grid

The native Kendo UI Grid for Vue.js received a lot of attention in the last couple of months.

  • Grouping & Virtualization - Virtualization can now be used in conjunction with grouping, meaning that there are no longer limitations for using groups along with virtualization. Huge performance gain here!
  • Frozen / Locked Columns - Frozen, or locked, columns provide a slick way to ensure that a column is permanently displayed as you scroll through your columns. A column doesn’t always have to be frozen and you can set up columns to only lock once they haven scrolled past.
  • Grid Column Menu - Being able to provide more options for interacting with columns is often times a requirement for any Grid implementation. With the column menu feature developers can now set up a default menu, or a customized menu, for interacting with features like filtering, sorting, the showing and hiding of columns - all within a menu that appears when you click on the Grid’s headers.

New Features in Existing Components

ListView Endless Scrolling

Having a pager at the bottom of a data bound list is sometimes far from ideal based on user requirements - end-users would like to just see a scrollbar instead. This is where Endless Scrolling comes in to play as it gives your users a way to scroll through all of your data without seeing a pager, and you as the developer receives a ton of benefits from loading pages of data rather than all data at once.

More In-Depth Look at R2 2019 for Vue.js

Want to check out more about what we’ve done for Vue.js with R2 2019? Head over to the What’s New in R2 2019 for Vue.js blog post to see even more detail.

Sign Up for the Webinar(s)

Normally this is the section where I throw in some details about an upcoming webinar. However, in today’s post I have great news in that we have two webinars that you can sign up for.

The first webinar I want to highlight is the live Kendo UI Webinar, taking place on Thursday, June 6th at 11:00 AM ET! Join myself and my colleagues on the Developer Advocate team to cover what I’ve talked about in this blog post, and the more detailed post, in a live webinar format.

Sign Up for Kendo UI Webinar

The second webinar I want to cover is the KendoReact-specific webinar for the folks of you interested just in React. This is happening on Tuesday, June 4th at 11:00 AM ET, and you can reserve your seats for the R2 2019 KendoReact Live Webinar right here.

Sign Up for KendoReact Webinar

For both of these webinars seats are limited, so head on over to either (or both!) of the links I posted here to reserve your seat today.

Read more


Telerik and Kendo UI R2 2019 Release is Here! 2019-05-15 17:11:47

The second Telerik and Kendo UI release of the year has arrived! Check out the all-new and first-to-market Telerik UI for Blazor, and learn everything that's new, including new components and hundreds of improvements!

Every day as we open the telerik.com home page, we are reminded of the goal we are pursuing—to make Modern UI easy for you. On the web, on desktop and on mobile, with your framework and programming language of choice. Enabling you to be the best developer you can possibly be.

Our second release for 2019 delivers precisely on this goal by providing support for the latest technologies for building applications. We are excited to introduce the GA release of the all-new Telerik UI for Blazor component suite, packed with more than 16 native components. In addition, we are also happy to announce support for Visual Studio 2019 and .NET Core 3.0, numerous new controls and improvements across all frameworks and platforms. Read on for more details, and for those of you who just want to get the bits right away, you can get them here.

First to Market with Telerik UI for Blazor

If you haven’t heard of Blazor, you should really check it out. Blazor started as an experimental .NET web framework embracing WebAssembly to target web applications using C# and HTML. Your C# compiles to WebAssembly, so no need for JavaScript!

As one of the first teams to throw our support behind this new Microsoft framework, we want to help Blazor mature faster and ensure the ecosystem around it is ready for all of you who are as passionate about Blazor as we are.

We are so proud that Telerik UI for Blazor 1.0.0 is here! With the initial release we have the following UI components ready for you right out of the box.

  • Grid
  • Area, Column, Bar, Line, Pie, Donut Charts
  • Calendar
  • Date Input and Date Picker
  • DropDownList
  • Numeric Textbox
  • Button
  • TabStrip
  • TextBox
  • Window
  • Animation Container

That’s a huge number of components! And all of them are native to the Blazor framework, so no funky business with wrappers. After a lot of research we decided to build the components natively in order to take full advantage of the framework capabilities and not make any sacrifices in terms or performance or functionality. With this list you can already start developing pretty advanced applications using Blazor. Needless to say, more components will be coming as soon as they are ready.

All of the input components can take advantage of Blazor’s validation framework and there’s full support for templates across the board.

One of the heavier hitters here is obviously the native Grid component. Just as a quick highlight, here are the initial features we have managed to squeeze in to the Grid (with more to come of course).

  • Paging
  • Sorting
  • Filtering
  • Show/Hide Columns
  • Cell Templates
  • In-cell Editing
  • Inline editing
  • Popup Editing
  • Custom form for editing
  • Custom editor (editor templates)

There’s just so much to showcase in the new Telerik UI for Blazor, so if you want to deep dive into it you can easily do it now.

If you’ve already been using Telerik UI for Blazor in its earlier iterations, you can go over to our What’s New in Telerik UI for Blazor 1.0.0 page to see what’s changed.

Blazor at Build

What’s New in the Telerik Line of Products

The R2 2019 release formalizes our support for Visual Studio 2019 and .NET Core 3.0, and brings a bunch of new controls for your web, mobile and desktop applications. While not a comprehensive list, below are our Telerik release highlights. Make sure you check out the release notes and blogs (see the table below) for each product to learn about everything that is included.

Web

  • Telerik UI for ASP.NET Core—Now features official support for .NET Core 3.0 preview 4
  • Telerik UI for MVC and Telerik UI for ASP.NET Core - New PDFViewer component, ListView endless scrolling, Spreadsheet and DataRangePicker improvements, as well as adaptive rendering for Grid and Scheduler
  • Telerik UI for AJAX—Updates to the MultiColumnComboBox and Button controls as well as plenty of stability improvements 

Mobile—Telerik UI for Xamarin

  • Brand New Controls: Map and Image Editor
  • Introducing a new document processing library for creation and manipulation of PDF documents—PDF Processing
  • The PDF Viewer component is now official, polished and packed with features 
  • Visual Studio 2019 for Mac Support

Desktop—Telerik UI for WPF and WinForms

  • Telerik UI for WPF & WinForms Visual Studio templates for .NET Core apps
  • Simplified Ribbon for WPF and WinForms
  • New TabbedWindow & WebCam controls for WPF
  • New DomainUpDown control and Customizable File Dialogs for WinForms

Reporting, Testing & Productivity Tools

  • PDF documents accessibility and new JSON DataSource component for Telerik Reporting and Telerik Report Server
  • WPF & WinForms report viewers support for .NET Core 3.0 for Telerik Reporting
  • Implement support for Azure DevOps pipeline with build agent hosted in the cloud, verification of method call prerequisites, automatic resolving of test context when using asynchronous tasks for Telerik JustMock
  • Visual Studio 2019 support for Telerik Test Studio Dev Edition 

What’s New in the Kendo UI Line of Products

The R2 2019 release adds a slew of new Kendo UI controls, numerous grid improvements, and rounds out Kendo UI’s native support for three of the most popular JavaScript frameworks (React, Angular and Vue). Be sure to check out the release notes and blog posts (see the table below) for more info.

KendoReact

    • New native components available with this release: Sortable component, Drag & Drop component, Native DateTimePicker component, Native Notification components
    • New Native Editor component - KendoReact rich text Editor is a full-featured, highly customizable WYSIWYG editor
    • Enhancements to existing components, like: Column virtualization and context menu in the Grid, Drag & drop and selection support in the TreeView

Kendo UI for Angular

A large list of Scheduler enhancements and features, including drag & drop, resizing of events and export to PDF

  • The official v1 release of the rich text Editor, including a whole slew of new tools like inserting images and files, font pickers, formatting drop downs and localization just to name a few
  • Grid enhancements including infinite scrolling, cell spanning and more
  • The DropDown components have added virtualization for high-performance scenarios
  • New color palette and color picker component
  • Additional accessibility features to help ensure compliance with WCAG 2.1

Kendo UI for Vue

  • Native Vue Grid enhancements including grouping virtualization, locked columns and column menu
  • The ListView component added the top-voted feature: Endless scrolling
  • New border radius options for ThemeBuilder

Kendo UI for jQuery

  • New PDF Viewer component
  • Spreadsheet enhancements including paste-value, add images, comments and row height autofit
  • Grid enhancements including adaptive grid rendering
  • The ListView component added the top-voted feature: Endless scrolling
  • Enhancements for mobile support including adaptive rendering for the scheduler, and full mobile support for the DateRangePicker
  • Menu component integration with the DataSource
  • New border radius options for ThemeBuilder

You can find out more details on all this at the Kendo UI release blogpost.

R2 2019 Release Blog Posts

While this blog post provides a high-level overview, you will want to check out these in-depth blog posts which cover all new features in detail. (Note: links will be updated as they go live.)

Kendo UI Telerik  Reporting & Mocking 
KendoReact Telerik UI for ASP.NET MVC Telerik Reporting and Report Server 
Kendo UI for Angular Telerik UI for ASP.NET Core  Telerik JustMock 
Kendo UI for Vue Telerik UI for ASP.NET AJAX  
Kendo UI for jQuery Telerik UI for Xamarin  
  Telerik UI for WinForms   
  Telerik UI for WPF  

 

Your Feedback Matters!

We’d appreciate you pulling our new release today and sharing your feedback at https://feedback.telerik.com to help us shape the future of our Telerik and Kendo UI line of products.

Sign Up for Release Webinars

Seeing is believing, so register to see all the new features—WEBINARS ARE COMING UP FAST! It will help you to follow along easily if you download the latest release here.

Telerik Webinar

Date/Time:  Wednesday, 29 May 2019, 11 a.m. – 12 a.m. ET

Register for the Telerik Webinar

KendoReact

Date/Time: Tuesday, 4 June 2019, 11 a.m. – 12 a.m. ET

Register for the KendoReact webinar

Kendo UI

Date/Time: Thursday, 6 June 2019, 11 a.m. – 12 a.m. ET

Register for the Kendo UI webinar 

Read more