We just released the Q3 2014 Beta of Telerik UI for ASP.NET AJAX suite and everyone can now give it a spin. The trial version can be downloaded after login from the following location and tested in the demos.
Before you begin, let me highlight the most important additions to it. As one of the most popular controls, I’ll spare more time on the new Mobile rendering and capabilities of RadGrid.
If your web apps already offer support for mobile devices or will support them in the future, you could benefit from the new adaptive render mode of RadGrid. It provides not only bigger touch zones for the mobile devices, but also new views, gestures, buttons and context menus, which makes the control very powerful and easy for use on the modern and popular iOS and Android devices.
<telerik:RadGrid RenderMode=”Mobile” … />
The column sorting can be performed in two ways:
The filtering can be applied again in two ways:
Note that only one of the two features can be simultaneously enabled.
The user can group the columns by either:
Both useful features can be managed through the especially provided context menu placed at the top right corner of the grid. When there are a lot of columns and the user wants to reduce their number on the client, he/she can click on the icon and uncheck the checkboxes placed on each row.
To rearrange the columns, the user should hold the icon inside the pop-up and drag it on the desired location.
To confirm the execution of the above commands the user should press the icon.
If you do not have a mobile device at hand, you can easily switch your Google Chrome browser to Apple iPad, iPhone or some Android device through the provided emulation option. To do that press F12 (to open the dev toolbar) -> press Escape (Esc) to open the emulation menu -> choose the desired emulation mode (for example Apple iPad 3 / 4) -> and refresh the page to see the layout tailored for mobile devices.
We have covered all popular features and functionality of RadGrid by providing UX and UI interface suitable not only for desktop, but also for the mobile devices. You can turn it on pretty faster by simply setting a single property - RenderMode=”Auto”. Of course, for more precise device detection, I suggest to use the RadDeviceDetectionFramework.
After introducing you in the new mobile features of RadGrid, I will share some information about the other new controls in the Beta:
RadDataForm is data oriented control, which displays the values of a single record or collection of data items from a DataSource using user-defined templates. The control provides you with an option to preview, edit, delete and insert records through the available set of templates. The DataForm also provides set of commonly used predefined layouts and unlimited possibilities for creating custom layouts.
The control displays a hierarchical tree-structured data as a set of rectangles. Each branch of the tree is given a rectangle, which is then tiled with smaller rectangles representing sub-branches.
Helpful in scenarios where large forms that collect user input have to be broken up to smaller steps. It will be adaptive, and features desktop and mobile rendering and capabilities.
You can find the complete list of features and bug fixes in the release notes. All users are invited to take part and test the new controls and functionality. The valuable feedback and real bug reports will be gladly rewarded with Telerik points. You can use the Beta forum to send your reports.
Thank you all for your time and great feedback in advance!
Rumen Jekov (@Rumen_Jekov) started his career at Telerik’s ASP.NET team in 2004 as a tech support engineer and passed through the position of a team lead to a product manager. He has answered more than 51,500 tickets helping customers to achieve their goals. Presently, he is a product owner of Telerik UI for ASP.NET AJAX and a manager of the AJAX crew at Progress. Off work, he enjoys traveling across the globe, watching movies and tech shows, reading books and listening to podcasts.
Subscribe to be the first to get our expert-written articles and tutorials for developers!