Laboratório de Prática 4 – Configurar formulários e exibições

Cenário

Neste laboratório, você configurará formulários e exibições para um aplicativo controlado por modelos.

A Contoso Real Estate deseja acompanhar dois elementos-chave:

  • Listagens de propriedades imobiliárias
  • Quem está agendado para mostrar os imóveis

O que você aprenderá

  • Como configurar formulários de tabela
  • Como configurar exibições de tabela

Macroetapas do laboratório

  • Configurar o formulário principal de Propriedade imobiliária e Visitação
  • Configurar guias e seções
  • Adicionar colunas aos formulários
  • Adicionar uma subgrade
  • Criar um novo formulário
  • Associar funções de segurança a formulários
  • Configurar os modos de exibição de Propriedade imobiliária e Visitação
  • Filtrar modos de exibição
  • Configurar o modo de exibição de Busca rápida

Pré-requisitos

  • É necessário ter concluído Laboratório 2: Modelo de dados

Etapas detalhadas

Exercício 1 – Formulário principal da Propriedade imobiliária

Neste exercício, você modificará o formulário principal da tabela Propriedade imobiliária.

Tarefa 1.1 – Layout de formulário principal e colunas

  1. Navegue até o portal do Power Apps Maker https://make.powerapps.com

  2. Verifique se você está no ambiente Dev One.

  3. Selecione Soluções.

  4. Abra a solução Listagens de propriedades.

  5. Selecione a tabela Propriedade imobiliária.

  6. Em Experiências com dados, selecione Formulários.

  7. Selecione o formulário Informações em que o Tipo de formulário é Principal, selecione o menu Comandos (…) e selecione Editar > Editar na nova guia.

  8. Selecione o Modo de exibição de árvore no lado esquerdo do designer de formulários.

  9. Selecione a guia Geral.

  10. Insira generalTab para Nome.

  11. No painel Propriedades no lado direito, selecione 3 colunas na lista suspensa Layout.

    Captura de tela do formulário principal com a guia 3 colunas.

  12. No Modo de exibição de árvore, expanda a guia Geral. Selecione a primeira seção e insira generalSection o nome.

  13. Selecione a segunda seção e insira Timeline para Rótulo e timelineSection para Nome.

  14. Selecione a terceira seção e insira Related para Rótulo e relatedSection para Nome.

  15. Arraste o campo Proprietário para a área Cabeçalho.

    Captura de tela do formulário principal com exibição de árvore e nomes.

  16. Selecione a primeira seção.

  17. Selecione Colunas da tabela da navegação à esquerda no designer de formulários.

  18. Arraste a coluna Cliente abaixo do campo Nome da propriedade.

  19. Selecione a coluna Rua a ser adicionada ao formulário abaixo de Cliente.

  20. Selecione a coluna Cidade a ser adicionada ao formulário abaixo de Rua.

  21. Selecione Componentes na navegação à esquerda no designer de formulários.

  22. Selecione o controle de seção de 1 coluna para adicioná-lo ao formulário.

  23. Insira Details para Rótulo e detailsSection para Nome.

  24. Selecione Colunas da tabela da navegação à esquerda no designer de formulários.

  25. Selecione a coluna Valor pretendido para adicionar à seção Detalhes.

  26. Selecione a coluna Moeda para adicionar ao formulário abaixo de Valor pretendido.

  27. Selecione a coluna Quartos para adicionar ao formulário abaixo de Moeda.

  28. Selecione a coluna Banheiros para adicionar ao formulário abaixo de Quartos.

    Captura de tela do formulário principal com colunas de tabela.

Tarefa 1.2 – Adicionar controle de linha do tempo

  1. Selecione o modo de exibição de árvore na navegação à esquerda no designer de formulários.

  2. Selecione a seção Linha do tempo.

  3. Selecione Componentes na navegação à esquerda no designer de formulários.

  4. Expanda Exibição.

  5. Selecione o controle Linha do tempo para adicioná-lo à seção Linha do tempo.

  6. Selecione o modo de exibição de árvore na navegação à esquerda no designer de formulários, expanda a guia Geral e selecione a seção Linha do tempo.

  7. No painel Propriedades no lado direito, marque a caixa Ocultar rótulo.

    Controle da linha do tempo no formulário.

  8. No modo de exibição de árvore, selecione o controle Texto da observação para a linha do tempo.

  9. No painel Propriedades à direita, selecione Atividade social, desmarque a caixa Habilitar e selecione Concluído.

  10. No painel Propriedades no lado direito, selecione Data de criação no menu suspenso Classificar as atividades por.

  11. Selecione Colunas da tabela da navegação à esquerda no designer de formulários.

  12. Arraste a coluna Motivo do status para a área Cabeçalho.

Tarefa 1.3 – Adicionar controle modo de exibição rápida

  1. Selecione o Modo de exibição de árvore no lado esquerdo do designer de formulários.

  2. Selecione a seção Relacionado.

  3. Selecione Componentes na navegação à esquerda do designer de formulários.

  4. Expanda Exibição.

  5. Selecione o controle Exibição rápida para adicioná-la à seção Relacionado.

  6. Selecione Cliente para Pesquisa e cartão de visita da conta para Contato e selecione Concluído.

Tarefa 1.4 – Adicionar guia

  1. Selecione Componentes na navegação à esquerda do designer de formulários.

  2. Selecione o controle de guia de 1 coluna para adicioná-lo ao formulário.

  3. Insira Showings para Rótulo e showingTab para Nome.

  4. Selecione o Modo de exibição de árvore no lado esquerdo do designer de formulários, expanda a guia Visitações e selecione a seção Nova seção.

  5. Insira Showings para Rótulo e showingSection para Nome.

  6. Selecione Componentes na navegação à esquerda do designer de formulários.

  7. Expanda Grade.

  8. Selecione o controle Subgrade para adicioná-lo à seção Visitações.

  9. Selecione Mostrar os registros relacionados.

  10. Selecione Visitações (Propriedade imobiliária) em Tabela e Visitações ativas em Modo de exibição padrão e selecione Concluído.

  11. Insira Showings para Rótulo e showingsSG para Nome.

  12. Selecione Ocultar rótulo.

  13. Selecione Salvar e Publicar.

  14. Feche o designer de formulários.

  15. Selecione Concluído.

Exercício 2 – Formulário principal de visitação

Neste exercício, você modificará o formulário principal da tabela Visitação.

Tarefa 2.1 – Layout de formulário principal e colunas

  1. Navegue até o portal do Power Apps Maker https://make.powerapps.com

  2. Verifique se você está no ambiente Dev One.

  3. Selecione Soluções.

  4. Abra a solução Listagens de propriedades.

  5. Selecione a tabela Visitação.

  6. Em Experiências com dados, selecione Formulários.

  7. Selecione o formulário Informações em que o Tipo de formulário é Principal, selecione o menu Comandos (…) e selecione Editar > Editar na nova guia.

  8. Arraste o campo Proprietário para a área Cabeçalho.

  9. Selecione Colunas da tabela da navegação à esquerda no designer de formulários.

  10. Arraste a coluna Propriedade imobiliária para baixo do campo Nome.

  11. Selecione a coluna Mostrado para para adicionar ao formulário abaixo de Propriedade imobiliária.

  12. Selecione a coluna Mostrado por para adicionar ao formulário abaixo de Mostrado para.

  13. Selecione a coluna Data da visitação para adicionar ao formulário abaixo de Mostrado por.

  14. Selecione a coluna Nível de interesse a ser adicionada ao formulário abaixo da Data de visitação.

  15. Selecione a coluna Comentários a ser adicionada ao formulário abaixo de Nível de interesse.

  16. No painel Propriedades no lado direito, aumente a Altura do campo formulário para 3 linhas.

  17. Selecione Salvar e Publicar.

  18. Feche o designer de formulários.

  19. Selecione Concluído.

Exercício 3 – Vários formulários

Neste exercício, você criará um novo formulário e restringirá o acesso com uma função de segurança.

Tarefa 3.1 – Função de segurança

  1. Navegue até o portal do Power Apps Maker https://make.powerapps.com

  2. Verifique se você está no ambiente Dev One.

  3. Selecione Soluções.

  4. Abra a solução Listagens de propriedades.

  5. Selecione + Novo, selecione Segurança e selecione Função de segurança.

  6. Insira Property admin para o Nome da função.

  7. Selecione a Unidade de negócios e salve.

  8. Role para baixo até a seção Tabelas personalizadas.

  9. Selecione a tabela Propriedade imobiliária. Altere o nível de acesso em todos os privilégios para a Organização.

    Privilégios de Propriedade Imobiliária na função de segurança.

  10. Selecione a tabela Showing. Altere o nível de acesso em todos os privilégios para a Organização.

  11. Selecione Salvar e Fechar.

  12. Selecione Concluído.

Tarefa 3.2 – Copiar formulário

  1. Selecione a tabela Visitação.

  2. Em Experiências com dados, selecione Formulários.

  3. Selecione o formulário Informações em que o Tipo de formulário é Principal, selecione o menu Comandos (…) e selecione Editar > Editar na nova guia.

  4. Selecione Nível de Interesse e, no painel Propriedades, selecione Somente leitura.

  5. Selecione Comentários e, no painel Propriedades, selecione Somente leitura.

  6. Selecione Salvar uma cópia.

  7. Insira Showing admin form para o Nome de exibição e selecione Salvar.

    Cópia do formulário principal de Visitação.

  8. Selecione Configurações de formulário.

  9. Selecione a função de segurança de Administrador de propriedade.

    Funções de segurança de formulário principal.

  10. Selecione Salvar e Publicar.

  11. Feche o designer de formulários.

  12. Selecione Concluído.

Exercício 4 – Exibições da Propriedade Imobiliária

Neste exercício, você modificará as exibições da tabela Propriedade Imobiliária.

Tarefa 4.1 – Exibição pública da propriedade imobiliária

  1. Navegue até o portal do Power Apps Maker https://make.powerapps.com

  2. Verifique se você está no ambiente Dev One.

  3. Selecione Soluções.

  4. Abra a solução Listagens de propriedades.

  5. Selecione a tabela Propriedade imobiliária.

  6. Em Experiências com dados, selecione Exibições.

  7. Selecione o modo de exibição Propriedades de imóveis ativos, selecione o menu Comandos (…) e selecione Editar > Editar em uma nova guia.

  8. Selecione o acento circunflexo ao lado da coluna Criado em e selecione Remover.

  9. Selecione a coluna Valor pretendido para adicionar ao modo de exibição.

  10. Selecione a coluna Cidade a ser adicionada ao modo de exibição.

  11. Selecione a coluna Quartos a ser adicionada ao modo de exibição.

  12. Selecione a coluna Banheiros a ser adicionada ao modo de exibição.

  13. Selecione a coluna Cliente a ser adicionada ao modo de exibição.

  14. No painel Propriedades, remova o Nome da propriedade em Classificar por.

  15. No painel Propriedades, selecione Classificar por e selecione Valor pretendido.

    Exibição ativa da Propriedade Imobiliária.

  16. Selecione Salvar e Publicar.

  17. Fechar o designer da exibição.

  18. Selecione Concluído.

Tarefa 4.2 – Modo de exibição de Busca rápida da Propriedade imobiliária

  1. Selecione a exibição Localizar Rapidamente Propriedades Imobiliárias Ativas, selecione o menu Comandos (…) e selecione Editar > Editar em uma nova guia.

  2. Selecione o acento circunflexo ao lado da coluna Criado em e selecione Remover.

  3. No painel Localizar Rapidamente Propriedades Imobiliárias Ativas à direita, selecione Editar colunas da tabela de localização em Localizar por.

  4. Escolha as colunas a seguir e selecione Aplicar.

    • City
    • Cliente
    • Nome da propriedade

  5. Selecione Salvar e Publicar.

  6. Fechar o designer da exibição.

  7. Selecione Concluído.

Exercício 5 – modos de exibição de Visitação

Neste exercício, você modificará os modos de exibição da tabela Visitação.

Tarefa 5.1 – Modo de exibição público de Visitação

  1. Navegue até o portal do Power Apps Maker https://make.powerapps.com

  2. Verifique se você está no ambiente Dev One.

  3. Selecione Soluções.

  4. Abra a solução Listagens de propriedades.

  5. Selecione a tabela Visitação.

  6. Em Experiências com dados, selecione Exibições.

  7. Selecione o modo de exibição Visitações ativas, selecione o menu Comandos (…) e selecione Editar > Editar em uma nova guia.

  8. Selecione o acento circunflexo ao lado da coluna Criado em e selecione Remover.

  9. Selecione a coluna Propriedade imobiliária a ser adicionada ao modo de exibição.

  10. Selecione a coluna Data de visitação para adicionar ao modo de exibição.

  11. Selecione a coluna Mostrado para para adicionar ao modo de exibição.

  12. Selecione a coluna Nível de interesse a ser adicionada ao modo de exibição.

  13. Selecione a guia Relacionado.

  14. Expanda Propriedade imobiliária.

  15. Selecione a coluna Valor pretendido para adicionar ao modo de exibição.

  16. No painel Propriedades, remova o Nome em Classificar por.

  17. No painel Propriedades, selecione Classificar por e selecione Data da visitação.

  18. No menu suspenso Salvar e publicar, selecione Somente salvar.

Tarefa 5.2 – Novo modo de exibição de Visitação

  1. Selecione Salvar como.

  2. Insira High Interest showings para Nome.

  3. Selecione Salvar.

  4. Selecione o cursor ao lado da coluna Nível de interesse e selecione Filtrar por.

  5. Selecione Igual a e escolha Muito alto e Alto.

  6. Escolha Aplicar.

  7. Selecione Salvar e Publicar.

  8. Fechar o designer da exibição.

  9. Selecione Concluído.