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.

For this example, we will use the Form C template page from UiPath^® Apps.

1. Create a new app in UiPath^® Apps.

2. Quando solicitado a selecionar um modelo para uma nova página, selecione Formulário C.

3. No contêiner da seçãoHeader1 , adicione dois ícones ao lado do botão:

   • Um ícone Keyboard_ arrow_up . Renomeie-o para recolher.

   • One keyboard_arrow_down icon. Rename it to expand.

     

4. Create an app variable named content_visibility.

5. Configure the collapse icon.

   1. Na tela Exibir > Propriedade oculta do controle, adicione o seguinte: = Not(content_visibility).

   2. Adicione uma regra Definir valores ao 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. Configurar o ícone de expansão .

   1. Na tela Exibir > Propriedade oculta do controle, adicione a variável de aplicativo =content_visibility.

   2. Adicione uma regra Definir valores ao 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 do formulário C.

   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.