Ir para o conteúdo

Recolher/expandir grupo, acordeão, guias no Jitterbit App Builder

O App Builder permite configurar Grupos para recolher e expandir quando o título do Grupo é clicado. Acordeão e Guia são dois tipos de Grupos que podem conter informações e são úteis para apresentar agrupamentos lógicos de informações. Por padrão, o App Builder apresentará o primeiro Controle como expandido (ou aberto) e os demais como recolhidos (ou fechados).

Você pode personalizar a imagem exibida no controle Accordion, que é usada para indicar o estado aberto/fechado. Se você não escolher um "estado desligado" para o Accordion, o App Builder usará a imagem do estado LIGADO e a girará 90 graus.

Como configurar um grupo com acordeões

acordeão.png

Exemplo de Grupos configurados com Acordeões

  1. Navegue até o painel onde deseja configurar o Grupo.
  2. Acesse Gaveta de Ações > Live Designer.
  3. Localize (ou adicione) o painel onde deseja adicionar um Grupo e clique no botão Controles correspondente.
  4. Clique em + Controle para abrir o assistente Adicionar um Controle.
  5. Defina o Tipo de Controle como Acordeão.
  6. Atribua um Nome. Por exemplo: Parcel.
  7. Subtipo de Controle determina como o acordeão se comporta quando um conjunto é aberto. Por padrão, ele é Único. Clique para alterá-lo para Múltiplos.
  8. Clique em Avançar.
  9. Marque ou altere o nome do controle e clique em Concluir.
  10. Continue criando os contêineres de Grupo restantes. Por exemplo: Notes, Special Districts.
  11. Defina o valor Pai de quaisquer Grupos restantes para o Grupo Acordeão.
  12. Atribua todos os Controles apropriados aos Grupos usando o valor Pai no painel Controles.
  13. Para configurar ainda mais um controle de grupo, clique em seu Ícone Abrir registro.
  14. Navegue até a interface do aplicativo, atualize o navegador e confirme os resultados.

Como configurar um grupo com abas

tabs.png

Exemplo de Grupos configurados com Abas

  1. Navegue até o painel onde deseja configurar o Grupo.
  2. Acesse Gaveta de Ações > Live Designer.
  3. Localize (ou adicione) o painel onde deseja adicionar um Grupo e clique no botão Controles correspondente.
  4. Clique em + Controle.
  5. Defina o Tipo de Controle como Aba.
  6. Atribua um Nome. Por exemplo: Parcela.
  7. Atribua o Pai como o contêiner do Painel onde o Grupo reside. Por exemplo: Informações da Parcela (SRP).
  8. Salve e saia.
  9. Continue a criar os contêineres de Grupo restantes. Por exemplo: Notes, Special Districts.
  10. Defina o valor Pai de quaisquer outros Grupos para o Grupo de Guias.
  11. Atribua todos os Controles apropriados aos Grupos usando o valor Pai no painel Controles.
  12. Navegue até a visualização da interface do usuário do aplicativo, atualize o navegador da web e confirme os resultados.