Ebasnet dispone de una nueva funcionalidad para distribuir los widgets de tu página de forma más sencilla e intuitiva. ¡Te contamos cómo!
Hasta ahora Ebasnet definía automáticamente el espacio de cada widget en columnas, y solo se podía personalizar si lo especificabas por código. Por ejemplo, hasta ahora, si colocábamos 4 widgets en un contenedor, el gestor ya distribuía el espacio de cada uno de forma proporcional, es decir, si el contenedor tiene un tamaño de 100%, en este caso cada widget le corresponde un 25% del espacio total.
Tal como se muestra en la siguiente imagen:
Hasta ahora Ebasnet definía automáticamente el espacio de cada widget en columnas, y solo se podía personalizar si lo especificabas por código. Por ejemplo, hasta ahora, si colocábamos 4 widgets en un contenedor, el gestor ya distribuía el espacio de cada uno de forma proporcional, es decir, si el contenedor tiene un tamaño de 100%, en este caso cada widget le corresponde un 25% del espacio total.
Tal como se muestra en la siguiente imagen:
Con esta nueva funcionalidad, puedes definir tu mismo el espacio que desees que tenga cada widget. Puedes modificarlo dentro de la pestaña: editar widget – columnas.
En este apartado puedes especificarle tú mismo/a cuanto espacio deseas que tenga cada widget (recuerda que si modificas un widget deberás hacerlo en todos los widgets del mismo contenedor).
¡Te mostramos un ejemplo!
En la siguiente imagen hemos distribuido cuatro widgets de “texto personalizable” para que cada uno ocupe un espacio diferente.
Cuadro rojo:
Cuadro verde:
Cuadro lila:
Cuadro azul:
Como puedes ver, le hemos dado a cada widget del contenedor el espacio que queríamos. La suma total de los porcentajes no tiene que superar el 100%, ya que si lo supera el widget saltaría abajo al no tener espacio. Por otro lado, si lo contamos por columnas, la suma total de las columnas no tendrá que ser mayor de 12, porque el widget saltaría abajo al no tener espacio.
En este ejemplo hemos especificado los siguientes valores:
ROJO | VERDE | LILA | AZUL | |
17% | 50% | 8% | 25% | 100% |
col-lg - 2 | col-lg - 6 | col-lg - 1 | col-lg - 3 | col-lg - 12 |
!Para más información contacta con nosotros!