Painéis de Faixa e Opções de Configuração

Lane é um tipo de painel que exibe informações agrupadas e é como painéis Tile, pois exibem dados agrupados no formato de painel Form, mas podem ser configurados para exibir vertical ou horizontalmente. A capacidade de exibir vertical ou horizontalmente é exclusiva dos painéis Lane.

Os painéis Lane têm as seguintes opções de configuração:

• Group By está disponível no nível de controle para criar agrupamentos de registros
• Wrap está disponível no nível do painel para melhorar a exibição em tamanhos menores de navegador

Como Configurar o Group By

A opção Agrupar por para painéis Lane está disponível no nível de Controle individual e pode ser usada para ajudar a categorizar e agrupar registros que estão sendo exibidos.

1. Navegue até o painel Lane
2. Vá para Action Drawer > Live Designer
3. Clique no botão Controls
4. Localize o Controle que deseja Agrupar por e clique no ícone de lápis correspondente
5. Clique no campo Agrupar por para habilitá-lo
6. Navegue de volta para a visualização da página do aplicativo, atualize o navegador e confirme a atualização

Como Configurar o Wrap

A opção Wrap para painéis Lane foi projetada para fornecer melhor exibição visual e controle de configuração sobre os tipos de painéis Lane.

Para tornar os Lanes mais fáceis de navegar em janelas menores do navegador e permitir diferentes layouts de Lane, Wrap é uma opção de configuração para painéis Lane. O layout Wrap permite que os blocos sejam empilhados verticalmente com títulos de grupo. Os blocos dentro do Lane podem ser embrulhados ou expandidos para preencher e empilhar. Você pode embrulhar blocos dentro de um grupo Lane ou pode embrulhar grupos Lanes. O embrulho de um grupo Lane preenche lado a lado com colunas de Lane verticais inteiras e as colunas de Lane de estouro serão embrulhadas abaixo das colunas de Lane visíveis.

Implementação

1. Opção de cosméticos do painel Lane: Wrap

   Ao definir um painel Lane dentro de uma página, a propriedade Wrap foi exposta no painel Built-In das propriedades do painel. É assim que você ativa ou habilita o novo comportamento de quebra/empilhamento. Isso só está disponível para pistas horizontais e verticais, não para pistas de ambos os eixos.

   

2. Manuseio de envoltórios

   Com a propriedade Wrap definida, as pistas assumirão layouts diferentes com base na direção (vertical ou horizontal) e na largura do bloco (definida ou não).

   • Pista vertical com um conjunto de largura de ladrilho

     Isso criará faixas de colunas verticais de blocos. Cada grupo é uma coluna com uma largura de ficha e as colunas serão organizadas uma ao lado da outra. Os grupos de colunas de estouro serão agrupados abaixo dos grupos de colunas visíveis. A largura é a largura mínima para a coluna. As colunas visíveis serão expandidas horizontalmente para que não haja espaço vazio. Veja as Figuras 2 e 3.

     

     

   • Faixa horizontal com um conjunto de largura de bloco

     Isso criará grupos de blocos dispostos horizontalmente que atravessam a página sob um título de grupo. O próximo grupo é empilhado abaixo do grupo anterior. A Largura do Bloco é o mínimo para os blocos e a propriedade Wrap faz com que os blocos de estouro sejam quebrados na próxima linha dentro do grupo. Veja a Figura 4.

     

   • Faixas horizontais e verticais sem largura de ladrilho definida

     A Largura do Bloco não definida é considerada 100% da largura da área do painel. Isso fará com que cada ficha se expanda para preencher totalmente a largura disponível. Isso resulta em um título de grupo seguido por uma pilha de blocos de 100% de largura. Em seguida, o próximo título de grupo e seus blocos relacionados. Veja a Figura 5.