Skip to main content

borrador







1.2 Interfaz configuración de ajustes de la columna.


1.2.1 Interfaz de Ajustes de columna (bloque)

Para que los bloques de las páginas de contenido hechas con el maquetador Builder se vean bien en diferentes tamaños de pantalla se presenta en ajustes de la columna la siguiente interfaz.

image.png



Desde el ajuste "Tamaño de columna se pueden especificar las unidades que ha de ocupar la columna. Máximo 12 unidades.

Si se desmarca el botón "USAR MISMO ANCHO PARA TODAS LAS PANTALLAS", se abre la interfaz que permite ajustar cuantas unidades ha de ocupar el bloque en los cuatro tipos de tamaño de pantallas, LG, MD, SM y XS.


image.png




Para vista en pantallas SM y XS se recomienda poner 6 o 12 unidades. 

3. Fondo

Permite poner fondo al bloque. Bien un color o bien una imagen. La interfaz es igual que la de fondo de fila pero en aquí se limita al bloque.

4. Espaciado

Permite ajustar el espaciado interior,  y el margen respecto al contenedor fila del bloque. 


image.png


3. Añadir bloques en la fila


Clic en el espacio de la fila para añadir bloques (columnas) en una fila.


image.png



Al hacer clic se abre un modal para seleccionar cuantas columnas se quieren crear en la fila


image.png



Una vez se selecciona una de las opciones de creación de columnas en la fila se mostrarán las los bloques. En blanco.  Están vacíos, sin contenido. 


image.png


Se puede modificar la cantidad de bloques y el espacio que ocupa cada uno. 


4. Añadir contenido a bloques

Para añadir contenido a los bloques hacer clic en el área central del espacio en blanco. Destacado con el icono de "+".


image.png


Al hacer clic se abre un menú para seleccionar el tipo de bloque que se quiere mostrar. Actualmente se puede seleccionar entre los siguientes tipos de bloque:

image.png


En las siguientes páginas de este capítulo se explican sus interfaces.