Blogs

This Blog

Subscribe (RSS, Email)

Mehul Harry's DevExpress Blog

JavaScript, HTML 5, ASP.NET, DevExpress, ASP.NET MVC & WebForms, and News - Mehul Harry's DevExpress blog

ASP.NET Docking - Create Drag-and-drop Style Widgets with New Docking Controls (available now in v2011.1)

aspxdockingCheck out these slick new ASP.NET Docking Controls that are available now in DXperience v2011 volume 1.

Benefits

Our new ASP.NET Docking controls give you the ability to create a 'widgets' style layout with drag-and-drop functionality for your website. Other key benefits and features include:

  • Custom web page layout
  • Intuitive interface
  • Smooth drag-and-drop 
  • Extensive Client-side API and events
  • Callbacks (AJAX) support
  • Beautiful themes provided
  • Customize styles
  • Flexible layouts with standalone docking controls - big win for you… more on this below
  • Cross-browser support

Introduction Video

Watch the 'ASP.NET Docking Introduction' video and learn about the ASPxDocking controls' benefits and features for you:

DevExpress ASP.NET Docking Suite

ASP.NET Docking Controls

The new ASP.NET Docking controls are called ASPxDocking and they will be released as part of the ASPxperience Library.

ASPxDocking offers 3 new stand-alone controls that have been design to interoperate well:

  • ASPxDockPanel - As a content place holder, this control holds your content. It can be dragged among different 'dock zones'. Or it can float like our ASPxPopupControl
  • ASPxDockZone - A container control for dock panels. The ASPxDockPanel can be docked within the ASPxDockZones.
  • ASPxDockManager - A non-visual control that allows you as the web developer to manage the central layout and handle all the events

Together the three components allow your end-users to move content panels between specific regions (dock zones) of a web page. A dock panel can either be docked to a dock zone or made to float. Dock zones can be placed within any section of a page; orientation and size is fully customizable. ASPxDockManager allows you to provide centralized programmatic control of all dock panels and dock zones contained within a page.

Advantage: Flexible Layout Customization

A key advantage for you is that the ASPxDocking controls are standalone. Therefore, our docking solution does not require you to place the dock panels and zones into some parent layout control.

Why is this important? Because you can place standalone panels, zones and manager docking controls on different web pages!

Here's an example of how you can place the controls on multiple pages:

  • A child page with a panel and manager docking controls
  • and its master page can have a zone control
  • and a user control instantiated inside this page can contain one more panel

And all of the docking controls will work nicely with each other and give you a 'single layout' capability across multiple web pages!

Features

Watch the 'ASP.NET Docking Introduction' video to see many of these key features in action:

  • Forbidden zones
  • Load content via callbacks
  • Runtime layout customization
  • Client-side events and API
  • Server-side functionality - for example, the AllowedDockState property lets you change a panel's docking behavior on the server side
  • Server-side events

 

What do you think of the new ASPxDocking controls? Drop me a line below with your thoughts, thanks!

Save time and money...

Save time and money with high quality pre-built components for ASP.NET, Windows Forms, WPF, Silverlight and VCL as well as IDE Productivity Tools and Business Application Frameworks, all backed by world-class service and support. Our technologies help you build your best, see complex software with greater clarity, increase your productivity and create stunning applications for Windows and Web in the shortest possible time.

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

Follow MehulHarry on Twitter

Published May 25 2011, 08:30 AM by
Bookmark and Share

Comments

Mohsen Benkhellat

Let's hope it is included in XAF for web layout asap.

May 25, 2011 12:01 PM

Steven Rasmussen

I've gotta say this looks pretty sweet!  I just need to find a way to use it now :)

May 25, 2011 12:10 PM

Mark Williams

This is really exciting!

May 25, 2011 12:19 PM

Evgeniy Meyke

@Mohsen +1

May 25, 2011 2:18 PM

Fırat Esmer

Cool!

May 25, 2011 2:40 PM

drew..

@Mohsen +2..

..we have *everything* in place now for a more social edition of xaf. Just a few custom tweaks, a second output project format, and more inclusion for what DX already has, and DX will be FIRST out of the gate in this regard. A truly business-oriented socially-based application. The sky is the limit if we get this.

So many times have i been asked about something like this.

May 27, 2011 12:06 PM

Anuraag Sanwal

awesome!

is this for MVC framework also?

May 30, 2011 1:10 AM

Dennis (DevExpress Support)

@XAFers:

I believe that we could find a good place for it in XAF Web UI. We will definitely consider implementing this feature in the future. I have just logged a feature item internally for that. Unfortunately, I cannot provide any estimates or promises this time.

@Anuraag:

Not in this release.

May 30, 2011 5:16 AM

Anuraag Sanwal

if not now .. sometime in the neat future?

its just that i'm planning to move from webforms to MVC if i have an idea that lot of devex ASP components also going to be ready for MVC on priority even if its a few months, else you'll appreciate it doesn't make sense to move to MVC if controls support is half

May 31, 2011 12:41 AM

Mehul Harry (DevExpress)

Anuraag,

Can you please create a suggestion in our support center here about the MVC version of ASP.NET docking please? Thanks.

www.devexpress.com/.../CreateIssue.aspx

May 31, 2011 3:45 AM

Dan Arnold

It seems to me that we shouldn't have to "make a suggestion" for making MVC extensions for your new controls. It seems to indicate a lack of committment for comprehensive MVC support.

June 1, 2011 9:59 AM

Rachel Hawley (DevExpress)

Hi Dan,

We realise the age old request to "make a suggestion" comes across as a delaying tactic, but I wanted to assure you that it is in place for a good reason. The act of creating the suggestion means that the team not only have a record of it as a user request, but it also allows others to "track" it. That way, when the time comes to review new controls for the MVC guys out there, they can review which suggestions have been the most popular, making the choice of which controls to begin assiging resources to that much easier.

I know the process seems abitrary, but we do make good use of your suggestions :)

~ Rachel.

June 1, 2011 3:38 PM

James

Now if only we could get xtraLayout for asp.net and asp.net mvc life would be great....

June 1, 2011 4:22 PM

Mehul Harry (DevExpress)

Hi Dan,

Rachel put it very well. The suggestion will help others to track it and help us to know how we should prioritize the long list of to-dos. :)

Thanks.

June 1, 2011 4:51 PM

Mehul Harry (DevExpress)

James,

While we don't have a fully layout control, I believe the docking controls will help there. Also check out our ASP.NET Splitter control: community.devexpress.com/.../sneak-peek-asp-net-splitter-control.aspx

Thanks.

June 1, 2011 4:52 PM

Anuraag Sanwal

this docking suite would be incomplete without the simple yet powerful features of 'maximize/restore' button & collapse/expand button  ... in fact any custom buttons for end-user actions cld also provide the flexibility

June 3, 2011 1:41 AM

Jonathan Crosby 1

@Anuraag

Wow, that jquery windows looks amazing!

June 3, 2011 5:21 AM

Mehul Harry (DevExpress)

@Anuraag,

Our ASPxPopupControl provides much of that functionality. Track this suggestion for the min/max buttons:

www.devexpress.com/.../S134108.aspx

Thanks.

June 3, 2011 6:44 PM

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, Silverlight, ASP.NET, WinForms, HTML5 or Windows 8, DevExpress tools help you build and deliver your best in the shortest time possible.

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