Ir para o conteúdo

Recolher/expandir Grupo, Acordeão, Abas

App Builder suporta a capacidade de 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 ter informações residindo dentro deles e são úteis para apresentar agrupamentos lógicos de informações. Por padrão, App Builder apresentará o primeiro Controle como expandido (ou aberto), e o restante como recolhido (ou fechado).

Você pode personalizar a imagem que está sendo exibida no controle Accordion, que é usado para indicar o estado aberto/fechado. Se você não escolher um "estado desligado" para o Accordion, App Builder usará a imagem do estado ON 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. Vá para Action Drawer > Live Designer.
  3. Localize (ou adicione) o painel onde deseja adicionar um grupo e clique no botão Controls correspondente.
  4. Clique em + Control para abrir o assistente Add a Control.
  5. Defina o Control Type como Accordion.
  6. Atribua um Name. Por exemplo: Parcel.
  7. Subtipo de controle determina como o acordeão se comporta quando um conjunto é aberto. Ele é Único por padrão. Clique para alterá-lo para Múltiplo.
  8. Clique em Avançar.
  9. Verifique ou altere o nome do controle e clique em Concluir.
  10. Continue a criar 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 visualização da IU do aplicativo, atualize o navegador da web e confirme os resultados.

Como Configurar um Grupo com Abas

abas.png

Exemplo de grupos configurados com guias

  1. Navegue até o painel onde deseja configurar o grupo.
  2. Vá para Action Drawer > Live Designer.
  3. Localize (ou adicione) o painel onde deseja adicionar um grupo e clique no botão Controls correspondente.
  4. Clique em + Control.
  5. Defina o tipo de controle como Tab.
  6. Atribua um Nome. Por exemplo: Parcel.
  7. Atribua o Pai como o contêiner do painel em que o grupo reside. Por exemplo: Parcel Information (SRP).
  8. Salve e saia.
  9. Continue a criar os contêineres de grupo restantes. Por exemplo: Notes, Special Districts.
  10. Defina o valor Parent de quaisquer outros Grupos para o Grupo de Guias.
  11. Atribua todos os Controles apropriados aos Grupos usando o valor Parent no painel Controles.
  12. Navegue até a visualização da IU do aplicativo, atualize o navegador da web e confirme os resultados.