Create Web Forms in minutes with the new ASP.NET Form Layout control

05 December 2012

Creating web forms in ASP.NET and Visual Studio is now much easier and quicker using the new DevExpress ASP.NET Form Layout control.

First, watch this five minute "ASP.NET Form Layout - Getting Started" video to learn how easy it is to use, what features it provides, and why you’ll soon be designing attractive, powerful forms using the DevExpress ASP.NET editor controls:

New for v2012.2

With the ASP.NET Form Layout control you can easily create form layouts of any complexity by combining the order and hierarchy of provided layout elements.

 

How does it work?

On your WebForm page, drop the ASPxFormLayout control and then click its smart tag and choose the "Edit Layout" option. That's when the magic happens because the FormLayout editor is displayed.

Then you add one (or more) Layout items and their associated editor controls. Close the FormLayout editor and the complete form will be automatically generated for you using the DevExpress ASP.NET editors you specified. That's it. Within minutes, you've built a complex form such as this one below:

Form Layout - Registration Form

 

Form Layout At Design-Time!

In the Visual Studio designer, we've added the DevExpress FormLayout Editor which is simplified design surface for creating layouts. Using our Form Layout editor, you can quickly create simple or complex forms with any of the DevExpress ASP.NET editors that support validation, themes, and client-side API.

And you still have access to the full properties of each control. Watch the getting started video above to see the design time features.

 

Online Demo

To see the kind of stunning forms you can make, take a look here: Form Layout Demos 

However, the demos can only show you the forms after they've been created. To truly experience the form layout, download DXperience v2012.2 right now and try it for yourself!

 

Features

The ASPxFormLayout control delivers a comprehensive form design feature set. The ASPxFormLayout main layout elements are comprised of labeled items, labeled regular groups and tabbed groups.

Item elements serve as placeholders for editors or custom content. Group elements are containers for other layout elements; group nesting is available.

Items provide you with an ability to define inline help texts that describe editor definitions. Help texts can also be defined at the nested editor's level (if DevExpress editors are used in items). An editor's help text can be displayed either always (as an editor inline text) or only when the editor receives focus (as a popup tooltip). Take a look at the memo editor behavior in this demo.

The ASPxFormLayout can also display customizable text marks within item captions to indicate whether filling in an item editor is required or optional. The indicator display mode can be defined for all or individual items. The indicator type is determined based upon a setting defined at the item editor level or item level.

 

 

Supports WebForms

In this release, the ASPxFormLayout control is only available for ASP.NET WebForms. ASP.NET MVC is not on the roadmap right to support a "Form Layout" control because the ASP.NET MVC platform is:

1. Not designer friendly. There is no designer in ASP.NET MVC.
2. I'm not sure it would be such a popular request.

However, that is the current opinion and if we find that there is a BIG demand for this in ASP.NET MVC then we'll investigate the possibility of creating an ASP.NET MVC Form Layout extension.

 

Save time and easily create great forms in Visual Studio Design time using your mouse by using the new DevExpress ASP.NET Form Layout control!

 

DXperience? What's That?

DXperience is the .NET developer's secret weapon. Get full access to a complete suite of professional components that let you instantly drop in new features, designer styles and fast performance for your applications. Try a fully-functional version of DXperience for free now: http://www.devexpress.com/Downloads/NET/

12 comment(s)
Laurent SANCHEZ

And for ASP.Net MVC Forms ?

Thanks

12 December, 2012
Mehul Harry (DevExpress)

Laurent,

Take a look at the end of the blog post where I discuss why this is only for WebForms currently.

Thanks!

12 December, 2012
David Rosen

I am impressed.

As an application designer, I've been waiting a long time for such a tool.

Correct me if I'm wrong- I believe that now I can fully design a web form and hand it over to the programmer, all without having to know HTML.

David

17 December, 2012
Mehul Harry (DevExpress)

David,

Thanks and yes you can. You can also give your designers our Theme Builder tool so that they can create or edit custom themes for you:

www.devexpress.com/.../index.xml

Video: http://youtu.be/e_QJtnAPyt0

17 December, 2012
Wolfgang Wohlkinger

Really great. Much needed tool.

17 December, 2012
R0man

How can we vote for MVC version ?

17 January, 2013
Mehul Harry (DevExpress)

Roman@MMD,

Feel free to create a suggestion in our support center:

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

We'd have to consider how to invoke it w/o a designer surface in MVC but I like the idea of more general purpose tool for helping easily create forms in all ASP.NET platforms. :)

17 January, 2013
ANURAG SINGH 3

I want to learn complete .net!  will  this site support me

29 July, 2013
wade kern

can you nest them within something like a tabbed page control

26 February, 2014
Mehul Harry (DevExpress)

Hi Wade,

Yes, the ASPxFormLayout control does let you create nested control layouts.

26 February, 2014
Anna Serafi

Haven't you thought of releasing an MVC version yet???

It would be really helpful!!

Thanks

16 May, 2014
Mehul Harry (DevExpress)

Anna,

Good news, we have released an MVC version of the FormLayout control in v13.2:

www.youtube.com/watch

19 May, 2014

Please login or register to post comments.