Home > SiteKiosk Online- plataforma servidor > Proyectos > Elementos de un proyecto > Contenedores
Contenedores  

Un contenedor es, como su propio nombre indica, un recurso que permite agrupar varios elementos dentro de él, o varias opciones (ofrecidas en un menú desplegables), o también informaciones obtenidas a través de distintas fuentes de datos (RSS, calendario, etc),

En definitiva un contenedor permite incluir o bien un conjunto de elementos de cualquier tipo, o bien distintas opciones o informaciones para mostrarse según corresponda en cada caso.

Uno de los más comunes es el llamado de "posicionamiento libre", pero existen otros que con cuentan con ajustes de pre-configuración acordes a distintos propósitos de uso y facilitar así la implementación de las funciones para las que se han preparado.

1. Contenedor (Libre posicionamiento) 

1.1 Diseño (orden de los subelementos)



La función de diseño / disposición (orden subelementos) le permite convertir cada elemento contenedor en un Contenedor (Posicionamiento libre), un Contenedor (Vertical / Horizontal), una Secuencia, un Contenedor Flotante, un Contenedor Intercambiable (navegación, condición), etc.
Usando el tipo de diseño Posicionamiento Libre, los elementos dentro del contenedor se pueden colocar libremente y estos se organizan en capas.
Al insertar nuevos elementos en un contenedor con posicionamiento libre, los elementos dentro del contenedor por defecto están centrados.
Con la ayuda de las opciones de posición X e Y en la sección configuración del inspector, puede colocar elementos con precisión. También puede mover elementos seleccionados con las teclas de Flecha del teclado.
Además, es posible mover elementos con la ayuda del ratón (arrastrar y soltar), por lo que los elementos se desplazan en pasos de 5 px.
Al presionar la tecla Alt simultáneamente, se produce un cambio en incrementos de 1 px.

También, las siguientes funciones de ayuda para alinear elementos están disponibles en el diseño libre y se ofrecen como botones en la Barra de herramientas y como Teclas de Acceso directo:

  1. Maximizar (Alt + M): con la ayuda del botón maximizar, el elemento seleccionado se maximiza y se centra en el tamaño del contenedor principal.
  2. Centrar: el botón central se usa para centrar el elemento seleccionado en relación con el contenedor principal.
  3. Centrar horizontalmente (Alt + H): el botón central horizontal se usa para colocar el elemento seleccionado centrado horizontalmente.
  4. Centrar verticalmente (Alt + V): el botón vertical central se usa para colocar el elemento seleccionado centrado verticalmente.
Nota:
En contenedores de posicionamiento libre, cada uno de los subelementos contenidos dentro del contenedor corresponde a un nivel. La jerarquía de niveles está determinada por el orden de los elementos dentro de la Vista general, en donde los elementos que están en la sección más a la derecha son con respecto a los niveles dispuestos más arriba. Para los elementos que se encuentran dentro de un contenedor con un posicionamiento libre, las funciones de alineación y distancia no están disponibles.




2. Cambio del tipo de diseño y disposición de un contenedor


2.1 Aspecto, tamaños y posición de los elementos de un contenedor



El tipo de diseño / disposición de cualquier contenedor controla cómo se posicionan los elementos que contiene, tamaño, y distribución según el tipo de diseño /disposición elegido, y por tanto el nuevo tipo contenedor asociado.


2.2 Cambio de diseño / disposición de un contenedor y cambios asociados en los elementos que contiene


Por ello es importante tener en cuenta que al cambiar el tipo de diseño /disposiciónpueden cambiar las posiciones y, posiblemente, los tamaños de todos los elementos dentro del contenedor.



Esto se debe a que un cambio en el diseño /disposición, convierte el elemento en el nuevo tipo de contenedor correspondiente al diseño elegido:
contenedor Libre 
contenedor de Secuencia
contenedor Intercambiable (navegación, condición)
contenedor Vertical / Horizontal
contenedor Envolvente
contenedor de Presentación
contenedor Desplegable
contenedor RSS
contenedor Próximos Eventos
contenedor Selector de Idioma
contenedor Explorador de Archivos


Vea también
Imagen
Video
Noticias
Texto
Página Web
Elemento PDF
Hora/Fecha
Calendario
Código QR
Widget Tiempo
Cierre Sesión
Acción automática
Propiedades básicas de elementos


Volver arriba