Contenedor

Un contenedor contiene controles y otros contenedores en su interior y los alinea de forma similar.

General

• Información sobre herramientas: información de la herramienta que se mostrará en el contenedor. Utilízalo para proporcionar información adicional sobre el control.

• Oculto: si es verdadero, oculta el control en tiempo de ejecución.

• Deshabilitado: si es verdadero, deshabilita el control en el tiempo de ejecución.

Events

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

Estilo

• Alineación de control: por defecto, hereda la alineación principal. Se puede establecer una alineación diferente a la principal. Para volver a la alineación principal, anula la selección de las opciones anuladas.

  Nota: la alineación depende del diseño seleccionado para el elemento principal (Vertical vs Horizontal).

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

  • Horizontal/vertical: la orientación de los controles.
  • Alineación: la alineación de los controles dentro del contenedor.
  • Permitir ajuste: si se selecciona, ajusta los controles en el contenedor.

  • Permitir desplazamiento: si se selecciona, permite desplazarse dentro del contenedor. Para habilitar Permitir desplazamiento, el contenedor debe tener una altura fija (disposición vertical) o una anchura fija (disposición horizontal).

• Color de fondo: el color de fondo del diseño del contenedor.

• Borde: establece el borde del control. Se pueden configurar el grosor, el color y el radio del borde.

• Fuente: la familia de fuentes para el diseño de contenedor. Todos los controles del contenedor comparten la misma familia de fuentes. Por defecto, el control hereda la familia de fuentes del contenedor principal inmediato, que se indica con la palabra clave "heredada".

• Margen: establece el margen del diseño. De forma predeterminada, se establece un margen de 0px. Se combinan las propiedades de los márgenes superiores/inferiores e izquierdos/derechos. Estas propiedades se pueden separar utilizando el botón Enlace situado a la derecha de la sección Margen.

• Relleno: el relleno del diseño. De forma predeterminada, se establece un relleno de 0px. Se combinan las propiedades de los márgenes superiores/inferiores e izquierdos/derechos. Estas propiedades se pueden separar utilizando el botón Enlace situado a la derecha de la sección Relleno.

• Tamaño : la anchura y la altura del contenedor. De forma predeterminada, la Anchura y la Altura se establecen en auto. Para establecer valores personalizados, desmarca la opción auto y, a continuación, introduce los valores de tu elección y la unidad de medida (px, %, em).
  Para ocupar el espacio disponible restante, selecciona la opción fill en el menú desplegable. La opción de relleno está disponible:

  • para Altura, cuando el diseño del control se establece en Vertical

  • para Ancho, cuando el diseño del control se establece en Horizontal

  Para establecer los tamaños mínimos y máximos, haz clic en el icono de tres puntos para expandir Tamaños mínimos y máximos .

• Avanzado: muestra las propiedades flexibles del control.

  • Base flexible: establece el tamaño original de un elemento flexible antes de que se distribuya o se elimine el espacio adicional (px, %, em, auto).

  • Crecimiento flexible : cuando hay espacio adicional disponible, este valor dicta cuánto debe crecer un elemento flexible en relación con el resto de los elementos.

  • Reducción flexible : cuando el espacio no es suficiente, este valor dicta cuánto debe reducirse un elemento flexible en comparación con los demás elementos.

    Para obtener más información, consulta la documentación de Mozilla Developer Network.

Importante: si el tamaño del contenedor tiene valores fijos y si los controles que contiene ocupan más espacio que el valor fijo, entonces Justificar - Medio, Justificar - Abajo no se aplican en una orientación vertical y Justificar - Centro, Justificar - Derecha no se aplican en una orientación horizontal.