Mehul Harry's DevExpress Blog

This Blog

News


Mehul Harry is the DevExpress Web Program Manager. Follow him on twitter: @Mehulharry

Subscribe (RSS, Email)

Archives

DevExpress ASP.NET Popup Control - Adaptive (17.2)

Starting with the v17.2 release, the DevExpress ASP.NET Popup Control has a new adaptive mode. In this mode, the popup will resize its content automatically according to the screen resolution. This mode provides the best experience for a user on any device, whether it's on the desktop, a tablet, or a phone. You can also configure the maximum and minimum widths to limit the resizing area. This mode supports a fixed header and footer, which will always be displayed regardless of the scroll position.

Check out the AdaptiveLayout demo page that shows how to create adaptive dialogs using the Popup and FormLayout controls:

Mode Switch

The Popup control can also switch modes. You can show the default popup on wider screens and then switch it to adaptive mode on small screens using the PopupControlAdaptivityMode.OnWindowInnerWidth property:

The following video shows how to quickly create an adaptive form using Popup and FormLayout controls:

ASP.NET MVC supported

The DevExpress ASP.NET MVC version of the Popup control also supports adaptive now.

Try it today

You can test these new features today by downloading the DXperience v17.2 release.

Thanks!

Email: mharry@devexpress.com

Twitter: @mehulharry

Published Nov 27 2017, 11:20 AM by
Bookmark and Share

Comments

Bo Johansen_1

Looks great!

Will this also work, when the content of the popupcontrol is loaded from another view/page via ContentUrl?

November 27, 2017 10:17 PM

Vladimir (DevExpress Support)

Hi Bo,

Yes, the component should be adaptive in this case as well. Let me know how it works on your side.

November 28, 2017 8:13 AM

About Mehul Harry (DevExpress)

Mehul Harry is an ASP.NET technical evangelist at Developer Express. You can reach him directly at mharry@DevExpress.com. You can also follow him on Twitter: http://twitter.com/mehulharry
LIVE CHAT

Chat is one of the many ways you can contact members of the DevExpress Team.
We are available Monday-Friday between 7:30am and 4:30pm Pacific Time.

If you need additional product information, write to us at info@devexpress.com or call us at +1 (818) 844-3383

FOLLOW US

DevExpress engineers feature-complete Presentation Controls, IDE Productivity Tools, Business Application Frameworks, and Reporting Systems for Visual Studio, along with high-performance HTML JS Mobile Frameworks for developers targeting iOS, Android and Windows Phone. Whether using WPF, ASP.NET, WinForms, HTML5 or Windows 10, DevExpress tools help you build and deliver your best in the shortest time possible.

Copyright © 1998-2017 Developer Express Inc.
All trademarks or registered trademarks are property of their respective owners