UI for ASP.NET AJAX

Demos: Telerik® UI for ASP.NET AJAX and Responsive Web Design

With Telerik UI for ASP.NET AJAX you can build applications that deliver tailored user experiences for any screen.

This sample ASP.NET web application, optimized for mobile, is your go-to resource for learning and testing the mobile capabilities within the UI controls and frameworks offered in the suite. It will be updated as new functionality is added. Get the source code here.

ASP.NET AJAX Controls and Responsiveness

The controls conform to the principles of responsive web design with their adaptive, elastic, responsive or fluid behaviors.

Adaptive behavior means that the control would transform its rendering and layout to offer optimized experience for the device screen size it’s served on.

Learn more and browse demos

Elastic behavior means that the control will resize proportionately to the font size you have selected for it.

Learn more and browse demos

Responsive behavior means that the ASP.NET Web Forms control will have the same rendering for all resolutions and devices, but styles and scripts will adapt it to the different cases by rearranging, hiding or collapsing its inner elements.

Learn more and browse demos

Fluid behavior means that the component takes up 100% of the size of the container it is placed in and if this container resizes on different devices, the control will resize with it. All Telerik ASP.NET AJAX controls feature built-in fluid behavior.

Telerik UI controls for ASP.NET AJAX can feature more than one behavior depending on what makes sense from a UX point of view. All you have to do is enable the automatic render mode and rest assured the behavior that provides the best user experience for the device and browser request will be served.

ASP.NET AJAX Frameworks and Responsiveness

For optimal experiences on different screen sizes, we suggest you leverage the two Telerik ASP.NET frameworks used in this sample application: Page Layout and Device Detection Framework.

Page Layout helps you quickly build your page layout on the server side, add responsive capabilities to your sites and apps and reduce network usage on mobile devices.

Device Detection Framework helps you get information about the device screen dimensions accessing your site or app in CSS pixels. It tells you whether the screen is small, medium, large or extra large, enabling you to serve different content for each.