En este post te mostraré algo sencillo: cómo hacer que un input o textarea en un formulario (usando el framework Bulma CSS o Buefy) ocupe todo el ancho disponible, es decir, que esté expandido.
La clase que se necesita es: is-expanded
y debe tenerla el padre del input o textarea. Por ejemplo:
Fíjate que el párrafo, además de tener la clase control tiene la clase is-expanded
. Eso hará que el input ocupe todo el ancho disponible.
Si usas el framework Buefy entonces puedes usar la directiva expanded dentro del b-field por ejemplo:
Fíjate que se usa expanded en el b-field
. Nota: ya sé que en lugar del input podría usar b-input
.
Ahora veamos la diferencia de cómo se ve un input que no usa el 100 % del ancho disponible contra uno que sí lo hace.
Normalmente se ve así:
Pero al poner el input expandido usando los estilos CSS de Bulma se ve así:
La impresión de un PDF en cualquier impresora se puede automatizar con un bot de…
Hoy te enseñaré cómo enviar un mensaje a un usuario desde un bot de Telegram…
El día de hoy te enseñaré algo muy sencillo pero útil al programar con PHP:…
El plugin para imprimir en impresoras térmicas alcanza hoy su versión 3.4.0 agregando soporte para…
En ocasiones es necesario leer los pixeles y colores de una imagen con JavaScript del…
Siguiendo con los tutoriales de listas desplegables o select con JavaScript, vamos a ver cómo…
Esta web usa cookies.