Layouts dinâmicos

Os modelos de design são layouts pré-formatados. Muitos modelos de design oferecem uma formatação comum para layouts dinâmicos, como a organização do conteúdo em uma, duas ou três colunas. Cada modelo de design divide um layout em uma ou mais regiões. O desenvolvedor pode posicionar os campos em cada região para organizar rapidamente o conteúdo de uma visualização. Quando o modelo de design tem como base um layout dinâmico, uma mudança no tamanho da tela pode reorganizar o conteúdo da visualização.

A imagem a seguir ilustra alguns exemplos de modelos de design fornecidos pela Pega.

Cada visualização pode conter um modelo de design. Você pode combinar visualizações menores e modulares em uma visualização maior, para reproduzir o uso de múltiplos modelos em uma única visualização.

Por exemplo, a visualização de dados de um cliente contém informações de endereço residencial e de cobrança. O modelo padrão de visualização tem apenas uma coluna, mas os stakeholders preferem ver duas colunas: uma coluna com o endereço residencial e outra com o endereço de cobrança.

Em seguida, os stakeholders decidem que as informações do cliente devem ser subdivididas para evitar a necessidade de rolar a tela para ver todos os campos. Eles então solicitam uma alteração adicional: exibir o estado ou província e o número do telefone do cliente agrupados em uma coluna separada, junto com as demais informações do endereço residencial. O desenvolvedor cria uma visualização para o endereço residencial usando o modelo de duas colunas e referencia essa visualização na primeira coluna da visualização original, que também utiliza o modelo de duas colunas. O resultado é um modelo dentro de outro modelo.

No centro da imagem a seguir, deslize a linha vertical para ver a transição de um modelo de duas colunas para um modelo de duas colunas com um modelo de duas colunas inserido na primeira coluna.