Página

Um contêiner de página é um contêiner principal. Use-o para adicionar vários controles e contêineres dentro de uma página.

Para adicionar várias páginas ao seu aplicativo, clique com o botão direito do mouse em uma página existente na visualização em árvore e selecione Adicionar nova página.

Ao adicionar uma nova página, você pode usar um modelo pré-construído para diferentes casos de uso, como painéis, formulários ou listas. Para começar do zero, selecione Página em branco.

Geral

• Descrição — a descrição da página. Essa informação não fica visível no tempo de execução.

• Dica de ferramenta — dica de ferramenta a ser exibida na página. Use-a para fornecer informações adicionais na página.

• Mostrar indicador de progresso do carregamento — habilitado por padrão, permite que os usuários interajam com o aplicativo após a página ser completamente carregada. Se você desmarcar essa caixa de seleção, os usuários podem interagir com o aplicativo enquanto a página está sendo carregada, o que pode ser útil para aplicativos com páginas complexas.

Events

• Carregado — Configure o que acontece quando a página for carregada.

Estilo

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

  • Horizontal/Vertical — a orientação dos controles.
  • Alinhamento — o alinhamento de controles dentro do contêiner.
  • Permitir encapsulamento — se selecionado, encapsula os controles no contêiner.

• Cor de fundo — a cor em segundo plano do contêiner.

• Borda — define a borda do controle. Espessura, cor e raio da borda podem ser configurados.

• Fonte — a família de fontes para o layout do contêiner. Todos os controles dentro do contêiner compartilham a mesma família de fontes. Por padrão, o controle herda a família de fontes do contêiner pai imediato, que é indicado pela palavra-chave “herdado”.

• Margem — define a margem do layout. Por padrão, uma margem de 0px é definida. As propriedades de margem Top/Bottom (Superior/Inferior) e Left/Right (Esquerda/Direita) são combinadas. Essas propriedades podem ser desanexadas usando o botão Link no lado direito da seção Margem.

• Preenchimento — o preenchimento do layout. Por padrão, é definido um preenchimento de 4px. As propriedades de margem Top/Bottom (Superior/Inferior) e Left/Right (Esquerda/Direita) são combinadas. Essas propriedades podem ser desanexadas usando o botão Link no lado direito da seção Preenchimento.

• Tamanho — a largura e a altura do layout. Por padrão, a Largura é definida como 100% e a caixa de seleção Largura completa é selecionada, enquanto a Altura é definida como auto, para permitir que o layout seja expandido com base nos contêineres e controles internos. Para definir um valor de largura personalizada, desmarque a caixa Largura completa .