Skip to main content

C9. Builder - Columna botón icono engranaje > Ajustes > Ancho columnas


Las columnas disponen también de una interfaz de ajustes.
Para acceder a la interfaz de ajustes clic en el botón con icono de engranaje. 

 

image.png



Al hacer clic en el icono se abre el menú de opcioneslas acciones y acceso a interfaz de ajuste.ajustes de columna.

  • Ajustes (interfaz)
  • Añadir bloque (acción)
  • Eliminar columna (acción)


image.png

1.

 
La opción del menú llamada, Ajustes,  abre unala interfaz para ajustar el ancho de la columnacolumna.

image.png


2. Interfaz por defecto de configuración de ancho de la columna


image.png

Elemento Función
Botón  Activado En magenta muestra la columna en el mismo ancho en todos los tamaños de pantalla. 
Botón  Desactivado Abre ajustes para definir ancho que ocupará la columna. 


2. Interfaz de ajustes para diferentes anchos de columna   

image.png


Elemento Función
Tamaño de columna LG

Ajuste para ancho en vista pantallas grandes (Monitores)
Tamaño de columna MD

Ajuste para ancho en vista pantallas medianas (Monitores)
Tamaño de columna SM

Ajuste para ancho en vista pantallas pequeñas (Tablets)
Tamaño de columna XS

Ajuste para ancho en vista pantallas más pequeñas (Móviles)

3. Ejemplos de ajustes de vista de columna



 Ejemplo 1
. Ajuste del primer bloque. En el ejemplo se ha dividido la fila en 3 columnas.

  • En pantallas LG y MD los tres bloques ocupan cada uno 4 unidades de las 12 máximas. El bloque primero está ajustado en 4 en pantallas LG y MD.

  • En pantallas SM y XS, el bloque está ajustado para que ocupe 6 unidades.


    image.png





Ejemplo 2. Ajuste del primer bloque

  • En pantallas LG y MD los tres bloques ocupan cada uno 4 unidades de las 12 máximas. El bloque primero está ajustado en 4 en pantallas LG y MD.

  • En pantallas SM y XS, el bloque está ajustado para que ocupe 12 unidades.

image.png