Componentes | Contenido flotante

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".

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.

Propiedades

PROPIEDAD DESCRIPCIÓN Vista Permite 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".

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

- 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.

Imagen de fondo Permite añadir una imagen de fondo para el contenido flotante. Repetir fondo Define 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.

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

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.

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