Blogs

News

Email Subscriptions

Mehul Harry's DevExpress Blog

ASP.NET Popup Control - Lightweight Render, Scroll Bars, CSS3, MVC and more (available now in v2011.1)

     

Check out all the great new enhancements, performance improvement and features of the DevExpress ASP.NET Popup Control, the ASPxPopupControl, that are available now in DXperience v2011.1 release:

New Features and Performance Enhancements

Here's an overview of what's new for ASPxPopupControl in v2011 volume 1 release:

  • ScrollBars - A new property called ScrollBars allows you to switch on the visibility of scrollbars within a popup window. Choose one of the following option values:
    • None - No scrollbars are displayed within a popup window
    • Horizontal - A popup window displays only the horizontal scrollbar
    • Vertical - A popup window displays only the vertical scrollbar
    • Both - A popup window displays both the horizontal and vertical scrollbars
    • Auto - A popup window automatically displays a horizontal or/and vertical scrollbar if its content does not fit the popup window
  • MaxWidth, MaxHeight, MinWidth and MinHeight - new properties allow you to set the maximum and minimum popup window width and height. If they are set then the popup window can not be resized beyond the sizes set by these properties.
  • CSS3 shadows and semantic rendering improvements! Read on for more info…

Semantic Render Improvements

Lightweight render has been enabled for the ASPxPopupControl using semantic HTML. Learn more about semantic rendering on our previous announcement.

A new property called RenderMode allows you to choose between rendering modes: Classic and Lightweight. The Lightweight mode gives you performance advantages:

ASPxPopupControl Semantic Render Comparison

(Performance tests done with Internet Explorer using our Aqua theme)

Other Controls Benefit Too: GridView, HTML Editor & TreeList!

Because the ASPxPopupControl is used within our other controls, they get the benefits of the Lightweight rendering mode. We have enabled lightweight render for:

  • ASPxPopupControl and ASPxPager by default in ASPxGridView
  • ASPxTreeList (customization windows, popup edit forms, filter builder)
  • ASPxHtmlEditor (all dialogs)

So these controls will have lighter rendering when this feature is released in the DXperience v2011 volume 1 release.

MVC Extensions Benefit Too!

The Lightweight render feature will also be available in our ASP.NET MVC Popup extensions. In fact, the Lightweight semantic rendering will be the default for our ASP.NET MVC Popup extension.

CSS3 Shadows

With the new Lightweight render mode, we have also used CSS3 to implement shadows for our ASP.NET PopupMenu and PopupControl (WebForms and MVC!). Take a look at the shadows of the Popup control and Menu here:

DevExpress ASP.NET Popup Control - CSS3 Shadow DevExpress ASP.NET Popup Menu - CSS3 Shadow

One warning about the Lightweight render mode's CSS3 shadows: They work in all browsers except IE8 and earlier but you can use Classic mode instead.

The good news is that now the lightweight controls have CSS3 shadows which were missing in the last DXperience v2010.2 release.

Available now in v2011 volume 1

These ASPxPopupControl features and enhancements are available now in the DXperience v2011 volume 1 release.

What do you think of all these great PopupControl features and enhancements?

Drop me a line below with your thoughts, thanks!

Build Your Best - Without Limits or Compromise

Try the DevExpress ASP.NET MVC Extensions online now: http://mvc.devexpress.com

Read the latest news about DevExpress ASP.NET MVC Extensions

Download a free and fully-functional version of DXperience now: http://www.devexpress.com/Downloads/NET/

Follow MehulHarry on Twitter

Published Mar 30 2011, 09:15 AM by Mehul Harry (DevExpress)
Bookmark and Share

Comments

 

Miro Nagy said:

I am a fan of the new scroll bars option.  

This will fix my quick work around for a popup with a div that has a scroll bar on it.

Very cool.

March 30, 2011 5:17 PM
 

Steven Rasmussen said:

Hmmm... I wonder what the new grayed out control is in the video....

March 30, 2011 10:17 PM
 

Mehul Harry (DevExpress) said:

Steve,

Can't get anything past you. :)

What do you think it is? Guesses?

March 30, 2011 10:34 PM
 

Peter Thorpe said:

@Steve and @Mehul A word alphabetically between ASPxDataView and ASPxFileManager around 7 characters long. Can't be that many choices if anyone really wants to know.

March 31, 2011 1:05 AM
 

Fırat Esmer said:

I love PopUp! Thanks guys, it's cool!

March 31, 2011 1:45 AM
 

Marc Greiner [DX-Squad] said:

Very exciting to soon have popups that eat less bandwidth, thanks!

Out of curiosity, how did you manage to decrease the size of the markup to such an extend (3.4x less)? Replacing table by div?

March 31, 2011 8:44 AM
 

Mehul Harry (DevExpress) said:

Peter, Ah yes, but what could it be? :)

March 31, 2011 1:07 PM
 

Mehul Harry (DevExpress) said:

Miro, Firat and Marc,

Thanks!

March 31, 2011 1:07 PM
 

Mehul Harry (DevExpress) said:

Marc,

Yes, that is what the semantic rendering is about. Take a look at this post for more info: community.devexpress.com/.../asp-net-menu-navbar-and-pager-performance-improvements-v2010-vol-1.aspx

March 31, 2011 1:08 PM
 

Miro Nagy said:

Steven,

Good Eye!

I didn't even notice he grayed out the menu option in the left.  I was too busy fixated on his mouse moving.  

What can I say - im easily distracted.

April 4, 2011 11:32 AM
 

Jason Sadler said:

My guess is ASPxDockingControl

April 8, 2011 8:58 AM
 

eric holyak said:

That is a fantastic guess. ASPXDocking would fit there. Hmmmm? Mehul do we have a winner?

April 8, 2011 2:14 PM
 

Mehul Harry (DevExpress) said:

Jason & Eric,

That is a very good guess and I'm not confirming or denying just yet. ;-)

April 8, 2011 2:22 PM
 

Evgeniy Meyke said:

@eric Are you saying ASPxLayoutControl is too long? ;)

April 8, 2011 4:20 PM
 

eric holyak said:

@ Evgeniy As Peter Thorpe stated above, it looks to be around 7 characs long and they are in alpha order. So "docking" would be a dead on guess as we are expecting this control soon.

April 11, 2011 8:43 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
More from DevExpress
Live Chat
Have a pre-sales question?
Need assistance with your evaluation?
We are here to help.
Chat is one of the many ways you can contact members of the DevExpress Team. We are available Monday-Friday between 8:30am and 5:00pm Pacific Time.
If you need additional product information, require pre-sales assistance, or want help with your order, write to us at info@devexpress.com or call us at
+1 (818) 844-3383.