¿Cómo agregar un diseño de pantalla dividida en Bubble.io?

Paso 1: Abre tu editor de Bubble.io y navega a la página donde deseas agregar el diseño de pantalla dividida.

Paso 2: Haz clic en el icono "+" para agregar un nuevo elemento y elige el elemento "Grupo" para crear un contenedor para un lado de tu pantalla dividida.

Paso 3: Arrastra el elemento Grupo a tu página y redimensiónalo para que ocupe la mitad del ancho de la página. Esto actuará como un lado de tu pantalla dividida.

Paso 4: Con el Grupo seleccionado, ve al Editor de Propiedades y asegúrate de que el diseño esté configurado como "Fijo". Esto garantizará que el Grupo se mantenga de un tamaño y posición fijos.

Paso 5: Copia y pega el elemento Grupo que acabas de hacer o crea un nuevo elemento Grupo siguiendo el Paso 2, y colócalo al lado del primer Grupo que creaste, asegurándote de que también ocupe la mitad del ancho de la página.

Paso 6: Haz clic en uno de los elementos del Grupo y utiliza las manijas de arrastre para alinearlo con el borde izquierdo o derecho de la página para obtener un efecto de pantalla dividida de lado a lado.

Paso 7: Ajusta los anchos de los elementos si es necesario para asegurar que ambos encajen perfectamente uno al lado del otro sin superposiciones o dejando un hueco en el medio.

Paso 8: Agrega cualquier elemento adicional dentro de cada contenedor del Grupo simplemente arrastrando y soltando los elementos deseados, como Texto, Imágenes, Botones, etc., dentro del Grupo.

Paso 9: Utiliza los ajustes responsivos en el Editor de Propiedades para asegurar que tu diseño de pantalla dividida se ajusta correctamente en diferentes dispositivos y tamaños de pantalla.

Paso 10: Previsualiza tu página para asegurarte de que el diseño de la pantalla dividida aparece como se esperaba y realiza ajustes adicionales si es necesario.

Nota: Si deseas que los elementos divididos operen independientemente, como desplazarse por separado, asegúrate de que cada elemento del Grupo contenga un GrupoRepetidor o tenga habilitada su propia configuración de desplazamiento.