New Extended Layour for Drupal Forms

In summary... new regions where created.

This came out from the need to manage bigger/complex forms, without the need to work at template level.
The ease of use of drag & drop in this module makes editing forms a breeze.

Big thanks for the author.

Here are the areas of change:

1) nodeformcols.module
2) css/nodeformcols.css

See Attachment for overview of final result.

function nodeformcols_form_regions() {
  return array(
	'header' => t('Header Column'),
	'main' => t('Main column'),
	'right' => t('Right'),

	'header2' => t('2nd Header Column'),
	'main2' => t('2nd Main column'),
	'right2' => t('2nd Right'),

	'header3' => t('3rd Header Column'),
	'main3' => t('3rd Main column'),
	'right3' => t('3rd Right'),

	'header4' => t('4th Header Column'),
	'main4' => t('4th Main column'),
	'right4' => t('4th Right'),

	'footer' => t('Footer'),

  );
}

...
...
...
...
...
...

 // Ensure that we have the footer wrapper so that
  // we clear the floating columns
  if (!$has_elements['footer'] || !$has_elements['header2'] || !$has_elements['header3'] || !$has_elements['header4'] ) {
   
    $has_elements['footer']  = TRUE;
	$has_elements['header2'] = TRUE;
	$has_elements['header3'] = TRUE;
    
	$regions['footer'][] = array(
      '#type' => 'markup',
      '#value' => '<div class=aux-clearer></div>',
    );
	
	$regions['header2'][] = array(
      '#type' => 'markup',
       '#value' => '<div class=aux-clearer></div>',
    );
	
	$regions['header3'][] = array(
      '#type' => 'markup',
       '#value' => '<div class=aux-clearer></div>',
    );
	
	$regions['header4'][] = array(
      '#type' => 'markup',
       '#value' => '<div class=aux-clearer></div>',
    );	
  }

And here is the css

/* $Id: nodeformcols.css,v 1.2 2009/03/04 20:14:55 hugowetterberg Exp $ */

.node-form-has-region-header .form-region-header {
clear: both;
}
.node-form-has-region-main .form-region-main {
float: left;
width: 49%;
}
.node-form-has-region-right .form-region-right {
width: 49%;
float: right;
}
/*====================================================*/
.node-form-has-region-header2 .form-region-header2 {
clear: both;
content: ".";
}
.node-form-has-region-main2 .form-region-main2 {
float: left;
width: 49%;
}
.node-form-has-region-right2 .form-region-right2 {
width: 49%;
float: right;
}
/*====================================================*/
.node-form-has-region-header3 .form-region-header3 {
clear: both;
}
.node-form-has-region-main3 .form-region-main3 {
float: left;
width: 49%;
}
.node-form-has-region-right3 .form-region-right3 {
width: 49%;
float: right;
}
/*====================================================*/
.node-form-has-region-footer .form-region-footer {
clear: both;
}
.aux-clearer{clear: both;}