Ocultar contêineres usando um botão

Você pode ocultar um contêiner usando um botão de seta para recolher ou expandir o conteúdo. Siga as etapas desta página para saber como fazer isso.

Para este exemplo, usaremos a página de modelo do Formulário C do UiPath^® Apps.

1. Crie um novo aplicativo no UiPath^® Apps.
2. Quando solicitado a selecionar um modelo para uma nova página, selecione Formulário C.
3. No contêiner da seçãoCabeçalho1 , adicione dois ícones ao lado do botão:
   • Um ícone Keyboard_arrow_up . Renomeie-a para recolher.
   • Um ícone Keyboard_arrow_down . Renomeie-a para se expandir.
     
     

     

     
     
4. Crie uma variável do aplicativo chamada content_visibility.
5. Configure o ícone de recolhimento .
   1. Na propriedade Exibir > Oculto do controle, adicione o seguinte: = Not(content_visibility).
   2. Adicione uma regra Definir valores no evento Clicado em .
   3. Adicione a variável de aplicativo criada na Etapa 4 na propriedade Itens a definir da regra e =false na propriedade Valor .
      
      

      

      
      
6. Configure o ícone de expansão .
   1. Na propriedade Exibir > Oculto do controle, adicione a variável do aplicativo =content_visibility .
   2. Adicione uma regra Definir valores no evento Clicado em .
   3. Adicione a variável de aplicativo criada na Etapa 4 na propriedade Itens a definir da regra e =true na propriedade Valor .
      
      

      

      
      
7. Adicione uma regra Definir valores na página formC .
   1. Adicione a variável de aplicativo criada na Etapa 4 na propriedade Itens a definir da regra e =true na propriedade Valor .
      
      

      

      
      

Se você visualizar o aplicativo, haverá um botão de seta no cabeçalho do primeiro contêiner. É possível clicar nesse botão para recolher o conteúdo. Você pode clicar nele novamente para expandir o conteúdo.