Ir para o conteúdo

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

Lane é um tipo de painel que exibe informações agrupadas e é semelhante aos painéis Tile, pois exibem dados agrupados no formato de painel Formulário, mas pode ser configurado para exibição vertical ou horizontal. A capacidade de exibir vertical ou horizontal é exclusiva dos painéis Lane.

Os painéis de pista possuem 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 navegadores menores

lanegroupby.png

Como Configurar o Grupo por

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

  1. Navegue até o painel Lane
  2. Vá para Gaveta de ação > Designer ao vivo
  3. Clique no botão Controles
  4. Localize o controle que você deseja agrupar e clique no lápis ícone 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 Envoltório

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

Para facilitar a navegação nas pistas em janelas menores do navegador e permitir diferentes layouts de pista, Wrap é uma opção de configuração para painéis de pista. O layout Wrap permite que os blocos sejam empilhados verticalmente com títulos de grupo. As peças dentro da Pista podem ser enroladas ou expandidas para serem preenchidas e empilhadas. Você pode agrupar blocos dentro de um grupo de pistas ou agrupar grupos de pistas. O agrupamento de um grupo de pistas é preenchido lado a lado com colunas de pistas verticais inteiras e as colunas de pistas excedentes serão agrupadas abaixo das colunas de pistas visíveis.

Nota

Se um painel estiver em um grupo definido para Rolar, isso poderá substituir o comportamento pretendido de Lane Wrap que você está procurando. Uma solução alternativa é desabilitar a configuração Group Scroll, o que permitirá que você siga a implementação proposta neste artigo.

Implementação

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

    Quando você está definindo 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 ativa o novo comportamento de empacotamento/empilhamento. Isto está disponível apenas para pistas horizontais e verticais, e não para pistas de ambos os eixos.

    panelwrap.png

  2. Manuseio de embalagens

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

    • Pista vertical com largura de bloco definida

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

      Envoltório 2

      Envoltório 3

    • Pista horizontal com largura de bloco definida

      Isso criará grupos de blocos dispostos horizontalmente que percorrem a página sob um título de grupo. O próximo grupo fica 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 do grupo. Veja a Figura 4.

      Envoltório 4

    • Pistas horizontais e verticais sem definição de largura do bloco

      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 peças com 100% de largura. Em seguida, o próximo título do grupo e seus blocos relacionados. Veja a Figura 5.

      Envoltório 5