Click here to Skip to main content
13,771,389 members
Click here to Skip to main content
Add your own
alternative version

Tagged as


9 bookmarked
Posted 14 Jan 2013
Licenced CPOL

Create Web Forms in Minutes with the New ASP.NET Form Layout Control

, 14 Jan 2013
Rate this:
Please Sign up or sign in to vote.
Create Web Forms in minutes with the new ASP.NET Form Layout control.

Editorial Note

This article is for our sponsors at CodeProject. These articles are intended to provide you with information on products and services that we consider useful and of value to developers

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:

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 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!


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!


This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


About the Author

United States United States
No Biography provided

You may also be interested in...


Comments and Discussions

QuestionNice one Pin
Chirag B25-Mar-14 7:50
memberChirag B25-Mar-14 7:50 
GeneralForm Layout Editor Pin
Rangga Stephen16-Mar-14 0:33
memberRangga Stephen16-Mar-14 0:33 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

Permalink | Advertise | Privacy | Cookies | Terms of Use | Mobile
Web02 | 2.8.181119.1 | Last Updated 14 Jan 2013
Article Copyright 2013 by Mehul_Harry
Everything else Copyright © CodeProject, 1999-2018
Layout: fixed | fluid