Sizing textarea field in custom metabox

Question

Here's the code for a custom metabox. Very simply, how would I resize the textarea box? I'd like to add an expression such as cols="50" rows="5".

// Echo out the field
    echo '<p>Enter the location:</p>';
echo '<div class="customEditor"><input type="textarea" name="_location" value="' . $location  . '" class="widefat" /></div>';
    echo '<p>How Should People Dress?</p>';
    echo '<input type="textarea" name="_dresscode" value="' . $dresscode  . '" class="widefat" />';

(Source: http://wptheming.com/2010/08/custom-metabox-for-post-type/)

Thanks.

Answer 1

You could try styling it with CSS by adding an ID or a class to the textarea and inserting styles into the wp_admin head.

Or, a quick way would be to do somehting like this :

echo '<textarea name="_dresscode" class="widefat" style="width:400px!important;height:80px!important;" >' . $dresscode  . '</textarea>';

If not, have you tried simply :

echo '<textarea name="_dresscode" class="widefat" cols="50" rows="5" />' . $dresscode  . '</textarea>'

Answer 2

While using the cols attribute of the textarea tag is one way to set the width of a text area in a metabox form, this method won't respond very well to the user resizing the WordPress window. To respond to the resizing of the window, you may want to include an inline style attribute as well. For example:

<textarea name="myName" id="myId" rows="5" cols="60" style="width:99%">Stuff to fill the box</textarea>

The width:99% will override the cols on browsers that understand CSS (pretty much all of them) and keep your text area proprerly sized.

Answer 3

The correct code for a textarea is:

<textarea cols=20 rows=20 name=mytext>Content</textarea>