Berlin - Componentes | Contenido flotante

Última modificación:


El componente "Contenido flotante" permite añadir contenidos que excedan el ancho de la columna central. Este componente solo puede añadirse dentro de una sección (Ver aquí).

Encontrarás este componente en el grupo de componentes "Estructura".

Image 7151


Proceso de configuración

1. Selecciona la sección, accede a la pestaña "Propiedades" y configura el componente.

2. Accede a la pestaña "Añadir" e incorpora los componentes que necesites en su interior.

Image 7152


Propiedades

PROPIEDADDESCRIPCIÓN
VistaPermite seleccionar entre 3 posibles vistas:
- Estándar.
El contenido sobresale un poco de la columna central. Se puede determinar cuánto desborda con las propiedades adicionales "Margen derecho" y "Margen izquierdo". 

Image 20470

- Contenido ancho completo. El contenido ocupa todo el ancho disponible en la pantalla (full screen).

Image 20471

- Contenido ajustado a carril central. El fondo de la sección ocupa todo el ancho disponible en la pantalla (fullscreen) pero el contenido (textos, imágenes...) se ajustan al ancho del carril central.

Image 20472

Imagen de fondoPermite añadir una imagen de fondo para el contenido flotante.
Repetir fondoDefine cómo se comportará la imagen (si se repite en caso de que sea más pequeña que el espacio disponible o si no se repite). 
Colo de fondo
Permite definir el color de fondo del contenido flotante.
Margen derecho

Propiedad exclusiva de la vista "Estándar".

Permite configurar dónde finaliza el margen derecho:

  • Sin: el margen queda dentro de la columna central.
  • level 1: el margen se alinea con el lateral de la columna central.
  • level 2: el margen excede 50 px el lateral de la columna central.
  • level 3: el margen excede 100px el lateral de la columna central.Image 7153

Si se combina con la propiedad "Margen izquierdo", podemos hacer que se comporte igual en el otro margen.

Image 7154

Margen izquierdo

Propiedad exclusiva de la vista "Estándar".

Permite configurar dónde comienza el margen izquierdo:

  • Sin: el margen queda dentro de la columna central.
  • level 1: el margen se alinea con el lateral de la columna central.
  • level 2: el margen excede 50 px el lateral de la columna central.
  • level 3: el margen excede 100px el lateral de la columna central.Image 7155

Si se combina con la propiedad "Margen derecho", podemos hacer que tenga un se comporte igual en el otro margen.

Image 7156



¿Le resulta útil este artículo?
© 2023 Netex Knowledge Factory. Todos los derechos reservados. Aviso Legal | Política de Privacidad | Política de Cookies.
-