Contentor

Configurações de Look and Feel:

Name (obrigatório) - nome do componente.

Direction (obrigatório) - como os elementos estão dispostos no interior do contentor, vertical ou horizontalmente. Horizontal ser padrão.

Wrap (obrigatório) - conteúdo do invólucro quando ultrapassa os limites do recipiente. Embrulhar por defeito

Alignment (obrigatório) - alinhamento dos elementos de um recipiente. Começar por defeito.

Sizes (obrigatório) - dimensões do contentor. Em pixels ou percentagem. Largura 100% por defeito.

Max Width (obrigatório) - largura máxima do contentor em pixels ou percentagem. 100% por defeito.

Margin (obrigatório) - travessão exterior. 0 por defeito.

Padding (obrigatório) - travessão interior. 0 por defeito Imagem, Gradiente ou Overlay (não obrigatório) - para fundo.

Background color (não obrigatório) - cor primária para o fundo.

Border (não obrigatório) - definições de borda componente.

Visible (obrigatório) - torna o componente visível se estiver ligado. Activado por defeito.

Despoletadores de fluxo de trabalho:

• onCreate - dispara quando o elemento é criado na página;
• onShow - dispara quando o componente muda o seu estado para visível (exibido na página);
• onHide - dispara quando o componente muda o seu estado para oculto (deixa de ser exibido);
• onDestroy - dispara quando o componente é destruído;
• onClick - dispara quando o componente é clicado.

Acções Componentes:

Container get properties

Obtém as propriedades do recipiente.

Parâmetros deentrada :

• Component Id [string] - identificador do componente do contentor.

Parâmetros de saída :

• Width [string] - largura do componente;
• Height [string] - a altura dos componentes;
• Flex direction [enum] - a direcção dos componentes;
• Wrap [enum] - enrolamento dos componentes;
• Alignment horizontal [enum] - alinhamento do componente por horizontal;
• Alignment vertical [enum] - alinhamento dos componentes por vertical;
• Margin [string] - margem do componente;
• Padding [string] - acolchoamento dos componentes;
• Border [string] - margem do componente;
• Background color [string] - cor de fundo do componente;
• Visible [boolean] - estado de visibilidade do componente.

Container set properties

Obtém as propriedades do contentor.

Parâmetros deentrada :

• Component Id [string] - identificador do componente do contentor.

Parâmetros de saída :

• Width [string] - largura dos componentes;
• Height [string] - altura dos componentes;
• Flex direction [enum] - direcção dos componentes;
• Wrap [enum] - enrolamento dos componentes;
• Alignment horizontal [enum] - alinhamento dos componentes por horizontal;
• Alignment vertical [enum] - alinhamento dos componentes por vertical;
• Margin [string] - margem do componente;
• Padding [string] - acolchoamento dos componentes;
• Border [string] - borda do componente;
• Background color [string] - cor de fundo do componente;
• Visible [boolean] - estado de visibilidade do componente.

Container update properties

Actualiza as propriedades do contentor

Parâmetros deentrada :

• Component Id [string] - identificador do componente do contentor;
• Width [string] - largura do componente;
• Height [string] - altura dos componentes;
• Flex direction [enum] - direcção dos componentes;
• Wrap [enum] - envoltório dos componentes;
• Alignment horizontal [enum] - alinhamento dos componentes por horizontal;
• Alignment vertical [enum] - alinhamento dos componentes por vertical;
• Margin [string] - margem do componente;
• Padding [string] - acolchoamento dos componentes;
• Border [string] - borda do componente;
• Border radius [string] - raio da borda do componente;
• Background color [string] - cor de fundo do componente;
• Visible [boolean] - estado de visibilidade do componente.

Exemplo de utilização

Um recipiente pode ser utilizado para agrupar elementos. Por exemplo, para montar um formulário a partir de vários campos de entrada diferentes: