Contêiner

Como o nome sugere, dentro de um contêiner ficam os controles e outros contêineres. O contêiner oferece a capacidade de posicionar os controles dentro dele, de modo simples e intuitivo.

Geral

• Dica de ferramentas — dica de ferramenta a ser exibida no contêiner. Use a dica para fornecer informações adicionais sobre o controle.
• Hidden- If selected, hides the control in the runtime.
• Desabilitado — Quando selecionado, desabilita o controle no tempo de execução.

Events

• Clicando em — Configure o que acontece ao se clicar no contêiner.

Estilo

• Control Alignment - By default, inherits the parent alignment. A different alignment other than the parent can be set. To default to Parent's alignment, toggle the selected alignment icons to switch off the specific alignment.

  Observação:

  Alignment is dependent on Parent's layout (Vertical vs. Horizontal).

• Layout — Determine como os controles dentro do contêiner serão posicionados:

  • Direction (Horizontal/Vertical) - Controls are arranged one below the other (vertical) or side by side (horizontal).
  • Alignment- Controls alignment within the container ( Left, Center, Right & Stretch for Vertical direction and Top, Middle, Bottom, Stretch for Horizontal direction).
  • Justify- Top, Middle, Bottom & Distribute for Vertical direction and Left, Center, Right & Distribute for Horizontal direction.
  • Permitir encapsulamento — quando habilitada, a função encapsula o controle no contêiner caso não haja espaço suficiente.

Observação:

Quando a Allow wrapping property estiver habilitada, os controles dentro do contêiner são dispostos no espaço, caso não caibam em uma linha.

• Cor de fundo — Conjuntos de cores de fundo do contêiner.
• Borda — Define a borda do controle. Com relação à borda, é possível configurar a espessura, a cor e o raio da borda.
• Fonte — Define a família de fontes para o contêiner. Todos os controles dentro do contêiner terão a mesma família de fontes do contêiner.
• Margin- Sets the margin of the container. By default 0px margin is set. Top/Bottom and Left/Right margin properties are combined. These properties can be unlinked using the unlink button on the right side of the Margin section heading.
• Preenchimento — Define o preenchimento do contêiner. As propriedades de margem interna Superior/Inferior e Direita/Esquerda são combinadas. Essas propriedades podem ser desvinculadas com o ícone de desvinculação, que fica do lado direito do cabeçalho, na seção de preenchimento, caso outros valores de preenchimento precisarem ser definidos para cada lado.
• Tamanho — A largura e a altura do contêiner podem ser definidas na seção de Tamanho. Na seção de Tamanho, em mais (…), encontram-se disponíveis as configurações de Largura mínima/Altura mínima e Largura máxima/Altura máxima.

Importante:

If the container size is set to a fixed value and if the controls within them occupy more space than the fixed value, then Justify - Middle,Justify - Bottom doesn't apply in Vertical direction, and Justify - Center,Justify - Right doesn't apply in Horizontal direction.