disable resizable textarea

Hi peach,
You could try overriding the theme_textarea function.
in your template.php file add:

function phptemplate_textarea($element) {
  $class = array('form-textarea');
 
  $cols = $element['#cols'] ? ' cols="'. $element['#cols'] .'"' : '';
  _form_set_class($element, $class);
  return theme('form_element', $element, '<textarea'. $cols .' rows="'. $element['#rows'] .'" name="'. $element['#name'] .'" id="'. $element['#id'] .'" '. drupal_attributes($element['#attributes']) .'>'. check_plain($element['#value']) .'</textarea>');
} 

It just leaves out the code below which makes the element resizeable.

if ($element['#resizable'] !== false) {
    drupal_add_js('misc/textarea.js');
    $class[] = 'resizable';
  } 

---------------------
www.csscreator.com

The above solution works great in D6. Thanks for the post.

function phptemplate_textarea($element)
{
$element['#resizable'] = false ;
return theme_textarea($element) ;
}

Hi,

function phptemplate_textarea($element) 
{
$element['#resizable'] = false ;
return theme_textarea($element) ;
} 

The above shown code of FredCK is working in D6 but unfortunately it takes all drupal core textareas away. Totally vanished. It should only point to the webform module. Couldn't find the right code.

By this function in template.php I turned off resizing for non admin users. At least in D6.

function phptemplate_textarea($element){  			
	if (!user_access('administer nodes')) {
		$element['#resizable'] = false ;		
	}
	$output = theme_textarea($element);
	return $output;
}

If someone wants to remove the resizable part of a specific textarea, you can also JQuery for that (D6):

in your .js file:

Drupal.behaviors.your_module = function(context) {
 
	$("#ID-of-the-textarea").removeClass('resizable');
}

or directly in PHP:

  drupal_add_js('$(document).ready(function(){ $("#ID-of-the-textarea").removeClass("resizable");});', 'inline');

works for me, hope that will help someone..

1. You need to create your own module to use hook_form_alter() (it is easy to do that, just check the Drupal documentation, you just need to create a yourmodulename.info and yourmodulename.module file)
2. Install the Devel model, enable it in the Drupal admin backend, and use te dsm() function in the code snippet below to find out the ID of the form you want to change
3. Add the code snippet below to yourmodulename.module file

/**
* Implementation of hook_form_alter().
*/
function yourmodulename_form_alter(&$form, $form_state, $form_id) {
  // use the following two calls to find out the ID of the form you want to change; disable/uncomment it again afterwards
  //dsm($form_id);
  //dsm($form);
  switch ($form_id) {
    case 'the_id_of_the_form_you_want_to_change':
      $form['the_name_attribute_of_the_textarea_you_want_to_change']['#resizable'] = FALSE;
    break;
  }
} // function yourmodulename_form_alter

For reference: this is very nice solution (overriding theme_textarea in template.php): http://drupal.org/node/296908

To fully disable the resizing, you also need to add some CSS to your theme:

textarea{
resize: none;
}

otherwise you will still get a bottom corner handle.

Was trying to disable this on the comment form textarea, but had no luck with this code in a custom module:

	unset($form['comment']);
	$form['comment'] = array(
		'#type' => 'textarea', 
		'#title' => t('Body'), 
		'#default_value' => '', 
		'#required' => TRUE,
		'#resizable' => false
	);

Instead, ended up adding some basic css:

#edit-comment-wrapper .grippie {
	display:none;
}

... just in case anyone else has that issue.

perfect solution using CSS injector Thanks!

How can I remove the resizable text box of my contact form in drupal 7?

http://www.digisized.info

I needed to fix the vertical height of the textarea for comments to a particular content type, but not limit the amount of text they could enter. ie allow scrolling.

<.node-chat-with-a-character> is the node class for a particular content type I had created.

I did it with a couple of lines of CSS I also had to remove visibility of the "grippie" div
Since I was in there theming comments

.node-chat-with-a-character  .comment-form textarea
{resize:none;overflow:scroll;}
.node-chat-with-a-character  .comment-form .grippie 
{display: none;}

Another handy snippet of CSS will put the comment submission form above the submitted comments

/*put comment submit above comments*/
.node-chat-with-a-character #comments 
{ position: relative;  padding-top: 400px;}

.node-chat-with-a-character #comments .comment-form
{position: absolute; height: 400px; top: 0px;}

For anyone else still having this problem, here is the fix that worked for me!

/**
* Ensure Text areas are never ever resizeable EVER!
*/
function THEMENAME_textarea($element) {
$element['element']['#resizable'] = FALSE;
return theme_textarea($element) ;
}

You can also do this in your CSS:

.grippie {display:none;}
textarea {resize:none;}