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