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.
• Oculto — Quando selecionado, oculta o controle no tempo de execução.
• 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

• Alinhamento de controle — Por padrão, herda o alinhamento pai. É possível definir outro alinhamento que não o pai. Para usar o alinhamento Parent como padrão, alterne entre os ícones de alinhamento selecionados para desativar um alinhamento específico.

  Observação:

  O alinhamento depende do layout do pai (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:

Se o tamanho do contêiner for definido como um valor fixo e se os controles dentro dele ocuparem mais espaço do que o valor fixado, então, Justificar — Meio, Justificar — Inferior não se aplica na direção vertical e Justificar — Centro, Justificar — Direito não se aplica na direção horizontal.