Ir para o conteúdo

Fixando Colunas

UI/UX: Rolar Cabeçalhos de Colunas e Totais Agregados, Congelar Colunas ao Rolar

App Builder suporta a capacidade de fixar ou congelar uma coluna de dados em um painel, fixar ou congelar rótulos que aparecem na parte superior de um painel e também congelar valores agregados que aparecem na parte inferior de um painel. Este artigo mostra como aproveitar esses recursos. Observe que há algumas limitações para esses recursos, listadas no final do artigo.

Para aproveitar esses recursos de UI/UX, você deve Desabilitar o Serviço de Seleção de Colunas para o Painel. Depois que o Serviço de Seleção de Colunas estiver desabilitado, os seguintes recursos estarão disponíveis:

  • Congelar uma coluna de dados em um painel
  • Congelar rótulos na parte superior de um painel
  • Congelar agregados na parte inferior de um painel

Para Desabilitar o Serviço de Seleção de Colunas

  1. Navegue até a página com o painel que deseja modificar
  2. Vá para a Gaveta de Ações e selecione Live Designer
  3. Selecione o painel na visualização de design
  4. Na aba Painel, selecione Rolagem como a configuração de design responsivo
  5. Clique no botão Salvar

Para Selecionar uma Coluna para Congelar em um Painel

App Builder dá a você a habilidade de selecionar uma coluna específica de dados para ser fixada, ou congelada, para que quando você rolar horizontalmente a Coluna selecionada sempre fique visível.

Nota

Para configurar esta configuração, você deve primeiro seguir as instruções para Desabilitar o Serviço de Seleção de Colunas.

Para Selecionar uma Coluna a Ser Fixada

  1. Navegue até a página com o painel que deseja modificar
  2. Vá para Gaveta de Ações > Live Designer
  3. Selecione o controle a ser fixado na visualização de design
  4. Clique na aba Posição e Largura
  5. Marque para habilitar Fixado
  6. Clique no botão Salvar

Limitações

Observe que existem as seguintes limitações para esses novos recursos de UI/UX:

  • O desempenho do IE11 é conhecido por não ser o ideal
  • Se você não fornecer uma Largura, a Coluna será tão larga quanto os dados. Isso não é um problema para conjuntos de dados menores, no entanto, se, por exemplo, você tiver 25 linhas com dados estreitos, essa Coluna será bloqueada. Se você pressionar Carregar Mais Linhas e agora tiver dados largos, a coluna não será expandida.
  • O iOS tem um comportamento de rolagem inconsistente se você rolar demais (ou seja, rolar além da primeira ou última linha)
  • Você não pode usar campos de quebra automática, como áreas de texto. As linhas precisam ter a mesma altura, tanto fixadas quanto não fixadas.
  • Se você usar imagens, elas podem não ter o tamanho/a escala corretos