Diseño de contenedor

Un diseño de contenedor te ayuda a crear un diseño complejo de tu elección de una manera simple y fácil. Cuando se añade un control de disposición de contenedores, se dispone por defecto de un único contenedor. Se pueden añadir contenedores adicionales haciendo clic en el icono "+" del lienzo.

Los contenedores dentro de la disposición de contenedores se pueden reposicionar simplemente arrastrándolos y soltándolos en cualquier lugar dentro de la disposición. Los contenedores se pueden redimensionar arrastrando la esquina del contenedor. Los contenedores pueden borrarse seleccionando el contenedor y presionando la tecla de borrar, o alternativamente desde la vista de árbol.

El control de diseño del contenedor tiene 2 conjuntos de propiedades. Una para la disposición de contenedor y otra para cada uno de los contenedores dentro de la disposición.

Nota: Los diseños de los contenedores son más adecuados a nivel página cuando quieres crear un diseño para una página con secciones diferentes. Para alinear y posicionar los controles dentro de una página, sugerimos utilizar contenedores

Importante: Se recomienda evitar los diseños de contenedor anidados para facilitar el mantenimiento y la coherencia entre el tiempo de diseño y el runtime.

Propiedades del diseño de contenedor

General

• Información sobre herramientas: información de las herramientas que se mostrará en el diseño de contenedor. Utilízalo para proporcionar información adicional sobre el control.
• Contexto de datos: un contenedor para un solo registro de entidad. Cuando se establece esto en un contenedor, todos los controles que forman parte de ese contenedor pueden acceder al contexto de datos vinculado al contenedor.
• Oculto: si se selecciona, oculta el control en el tiempo de ejecución.
• Deshabilitado: si se selecciona, deshabilita el control en el tiempo de ejecución.

Events

No hay eventos.

Estilo

• Color de fondo: establece el color de fondo del diseño del contenedor.
• Fuente: establece la familia de fuentes para el diseño de contenedor. Todos los contenedores dentro del diseño tendrán la misma familia de fuentes que la del diseño.
• Margen: establece el margen del diseño. Por defecto, se establece un margen de 0 px. Se combinan las propiedades de los márgenes superiores/inferiores e izquierdos/derechos. Estas propiedades pueden desvincularse mediante el botón de desvinculación situado a la derecha del encabezamiento de la sección Margen.
• Relleno: establece el relleno del diseño. Por defecto, se establece un relleno de 0 px. Se combinan las propiedades de los rellenos superiores/inferiores e izquierdos/derechos. Estas propiedades pueden desvincularse mediante el icono de desvinculación situado a la derecha del encabezamiento de la sección de relleno si es necesario establecer valores de relleno diferentes para cada lado.
• Tamaño: la anchura y la altura del diseño se pueden establecer en la sección de tamaño. La anchura por defecto es del 100 %. La altura del diseño se ajusta automáticamente en función de los contenedores que hay en su interior, ya que está configurado como "Automático".

Propiedades de contenedor

General

• Oculto: si se selecciona, oculta el control en el tiempo de ejecución.
• Deshabilitado: si se selecciona, deshabilita el control en el tiempo de ejecución.

Events

• Seleccionado: configura lo que sucede cuando se hace clic en el contenedor.

Estilo

• Diseño: determina cómo se colocan los controles dentro del contenedor:

  • Dirección (horizontal/vertical): los controles están dispuestos uno debajo de otro (vertical) o uno al lado del otro (horizontal).
  • Alineación: controla la alineación dentro de la plantilla (Izquierda, centro, derecha y estirar para la dirección vertical y Arriba, medio, abajo, estirar para la dirección horizontal).
  • Justificar: Arriba, medio, abajo y distribuir para la dirección vertical e Izquierda, centro, derecha y distribuir para la dirección horizontal.
  • Permitir ajustar: si se activa, se ajusta al control en el contenedor si no hay suficiente espacio.
• Color de fondo: establece el color de fondo del diseño del contenedor.
• Borde: establece el borde del control. Se puede configurar el grosor, el color y el radio de la esquina del borde.
• Fuente: establece la familia de fuentes para el contenedor. Todos los controles dentro del contenedor tendrán la misma familia de fuentes que la del diseño.