¿Qué hace el contenedor horizontal?
El contenedor horizontal contiene otros elementos y los posiciona uno al lado del otro dentro de sus límites.
Esto significa que puedes colocar dos elementos (por ejemplo, dos páginas web, dos imágenes o dos contenedores adicionales) para que se muestren simultáneamente en la misma pantalla, en la imagen 1 se muestra el ejemplo.
Procedimiento para mostrar dos pantallas lado a lado
1. Abre el proyecto en el editor de SiteKiosk Online. (Caso Alveni_Docs)
2. Selecciona la página donde deseas dividir el contenido (Pantalla1 en este ejemplo) y haz clic en Agregar elemento (+).
3. Selecciona Container Horizontal.
3.1. De manera alternativa puedes elegir simplemente container pero deberás cambiar en las propiedades del contenedor, el tipo de diseño (Type) a Container (horizontal).
4. Dentro del nuevo contenedor horizontal, agrega dos elementos:
- Página web
- Imagen
- Video
- PDF
- Otro contenedor(para este caso que va a agrupar Swap(Screen1) y Sequence(Screen2)).
5. Para que ambos ocupen exactamente la mitad del espacio disponible, configura el ancho de cada elemento con la opción Stretch (ocupar espacio restante).
Cuando varios elementos usan Stretch dentro de un contenedor, SiteKiosk divide el espacio disponible de forma equitativa, por tanto se debe de hacer en sus contenedores y subcontenedores (ScreenAcross, Screen1 y Screen2).
NOTAS: En la primer imágen puedes notar en las páginas que hay contenido independiente señalado como pantalla 1 y pantalla 2, este es el método tradicional, sin embargo, a veces puede causar conflictos de visualización, por ello se muestra este otro método.
6. Para finalizar hacemos click en settings-sistem y configuramos comportamiento.