Dimensionar campo textarea en metabox personalizado

Question

Dimensionar campo textarea en metabox personalizado

7 jun 2011, 21:12:27

Vistas: 23.1K

Votos: 0

Aquí está el código para un metabox personalizado. De manera muy simple, ¿cómo redimensionaría el cuadro textarea? Me gustaría agregar una expresión como cols="50" rows="5".

// Mostrar el campo
    echo '<p>Ingrese la ubicación:</p>';
echo '<div class="customEditor"><textarea name="_location" cols="50" rows="5" class="widefat">' . $location . '</textarea></div>';
    echo '<p>¿Cómo debe vestir la gente?</p>';
    echo '<textarea name="_dresscode" cols="50" rows="5" class="widefat">' . $dresscode . '</textarea>';

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

Gracias.

user5486

163

tipos de entradas personalizadas metabox input

Comentarios

¿Por qué no simplemente agregas los atributos en el código?

kaiser

7 jun 2011 21:57:24

Todas las respuestas a la pregunta

Si bien usar el atributo cols de la etiqueta textarea es una forma de establecer el ancho de un área de texto en un formulario de metabox, este método no responderá muy bien cuando el usuario redimensione la ventana de WordPress. Para responder al cambio de tamaño de la ventana, es posible que desees incluir también un atributo de estilo en línea. Por ejemplo:

<textarea name="myName" id="myId" rows="5" cols="60" style="width:99%">Contenido para llenar el cuadro</textarea>

El width:99% anulará el cols en navegadores que entienden CSS (prácticamente todos) y mantendrá tu área de texto correctamente dimensionada.

EFC

123

3 dic 2012 21:40:53

El código correcto para un textarea es:

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

fuxia

107K

7 jun 2011 22:18:27

Comentarios

@kaiser, tosho tiene razón, ni siquiera vi que tu html estaba mal para textarea.. Actualicé mi respuesta.

mike23

7 jun 2011 22:38:41

Mike y @toscho, este funcionó. Muchas gracias.

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

user5486

7 jun 2011 23:07:01

@user5486 rows="5" /> está mal. Elimina la barra diagonal.

fuxia

8 jun 2011 02:57:35

Meta Box Para Área de Texto

Esto incluye un campo personalizado llamado wpsites_textarea.

?>
<p><label for="wpsites_textarea" class="screen-reader-text"><b><?php _e( 'Meta Box Estilo Genesis', 'genesis' ); ?></b></label></p>
<p><textarea class="widefat" rows="4" cols="4" name="wpsites_textarea" class="inside"><?php echo esc_textarea( genesis_get_custom_field('wpsites_textarea') ); ?></textarea></p>
<p><?php printf( __( 'Adecuado para texto y HTML. Puede incluir etiquetas %s. <a href=" http://example.com/" target="_blank">Aprende más sobre meta boxes personalizados.</a>', 'genesis' ), genesis_code( 'HTML' ) ); ?></p>
<?php

Brad Dalton

6.97K

18 abr 2014 00:42:39

mike23 6.03K · Accepted Answer · 2011-06-07T21:29:48Z

Podrías intentar darle estilo con CSS añadiendo un ID o una clase al textarea e insertando estilos en el head de wp_admin.

O, una forma rápida sería hacer algo como esto:

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

Si no, ¿has probado simplemente:

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

mike23

6.03K

7 jun 2011 21:29:48