Adicionar regras de visibilidade para as páginas dinâmicas
Objetivos de aprendizagem
Após concluir esta unidade, você estará apto a:
- Criar regras de visibilidade para componentes, campos e seções de campos.
- Descrever como as regras de visibilidade podem tornar suas páginas mais úteis para os usuários.
Acessibilidade
Esta unidade requer algumas instruções adicionais para usuários de leitores de tela. Para acessar uma versão detalhada desta unidade para leitores de tela, clique no link abaixo.
Abrir as instruções do leitor de tela do Trailhead.
Antes de começar
Esta unidade baseia-se na página de registro que criamos e personalizamos nas duas unidades anteriores. Conclua essas unidades primeiro e use a mesma página de registro para navegar por esta unidade.
Adicionar regras de visibilidade para componentes
Você sabia que pode controlar quando um componente aparece em uma página de registro do Lightning? Você pode fazer isso adicionando condições de filtro e lógica de visibilidade de componente às propriedades.
As propriedades de visibilidade do componente aparecem quando você seleciona um componente em um registro, aplicativo ou página inicial no Criador de aplicativo Lightning. Esse comportamento se aplica a componentes padrão, componentes personalizados e componentes do AppExchange. Não é necessário fazer nada aos seus componentes personalizados. Tudo é feito pelo Criador de aplicativo Lightning. Se você não definir um filtro, o componente é exibido na página do Lightning como de costume. Ao definir um ou mais filtros e definir a lógica dos filtros para um componente, ele ficará oculto até que os critérios de lógica dos filtros sejam atendidos.
Vamos tentar fazer isso. Vamos criar filtros para gerar uma exibição de componente em rich text quando o Valor de uma oportunidade for maior ou igual a US$ 1 milhão e o Estágio for Fechado e ganho.
- Em Configuração, insira
Criador de aplicativo
na caixa Busca rápida e selecione Criador de aplicativo Lightning. - Abra a New Opportunity Page (Nova página de oportunidade).
- Adicione um componente em rich text acima do componente do Chatter na página.
- Digite este texto no componente:
A million dollar opportunity closed!Oh yeah!
(Uma oportunidade de um milhão de dólares fechada! Oba!) - Nas propriedades do componente, coloque o texto centralizado e em negrito, com fonte tamanho 18 e do tipo que achar melhor.
- Mantenha a opção Display as card (Exibir como cartão) selecionada.
Essa configuração torna o texto no componente mais legível nas páginas do Lightning ao adicionar um fundo branco em vez de transparente. Desative a configuração e ative-a novamente para ver isso. - Clique em Add Filter (Adicionar filtro).
- Defina Campo para Amount (Valor), se ainda não estiver.
- Defina Operador para Greater Than or Equal (Maior ou igual). Em Valor, insira
1000000
.
- Clique em Done (Concluído).
- Clique em Add Filter (Adicionar filtro) novamente e crie outro filtro para o campo Estágio igual a Fechada ganha.
Você pode fazer mais com regras de visibilidade do que apenas controlar se um componente é exibido com base em valores de campo. As regras de visibilidade também podem controlar se os componentes aparecem em uma página com base no fator de forma (ou dispositivo) em que você está vendo a página. Vamos configurar regras para que um componente apareça apenas quando a página é visualizada em um telefone. - Adicione outro componente de rich text logo abaixo do primeiro.
- Digite este texto no componente:
This component is for mobile users only.
(Este componente se destina apenas aos usuários em dispositivos móveis.) - Personalize o texto como quiser e clique em Adicionar filtro.
- Em Tipo de filtro, clique em Dispositivo.
- Defina o campo Valor como Telefone e clique em Concluído.
- Salve a página.
Adicionar regras de visibilidade a campos e seções de campos
Você pode tornar as páginas de registro do Lightning ainda mais dinâmicas definindo filtros de visibilidade nos componentes Campo e Seção de campo. Por exemplo, você pode ocultar um campo ou conjunto de campos até que uma pessoa com um determinado perfil ou permissão visite a página. Ou você pode exibir um campo somente quando outro campo estiver definido com um valor especificado.
Vamos criar uma regra de visibilidade para ocultar o campo Tracking Number (Número de rastreamento) na página de registro até que o campo Delivery/Installation Status (Status de entrega/instalação) seja definido como In progress (Em andamento) ou Completed (Concluído).
- Clique na guia More Details (Mais detalhes) e selecione o campo Tracking Number (Número de rastreamento) na seção Additional (Informações adicionais).
- No painel de propriedades, no campo Tracking Number (Número de rastreamento), clique em Add Filter (Adicionar filtro).
- Crie um filtro de:
- Campo: Delivery/Installation Status (Status de entrega/instalação)
- Operador: Igual
- Valor: Em andamento
- Clique em Done (Concluído).
- Clique em Add Filter (Adicionar filtro) novamente e crie outro filtro:
- Campo: Delivery/Installation Status (Status de entrega/instalação)
- Operador: Igual
- Valor: Concluído
- Clique em Done (Concluído).
- Em Show component when (Mostrar componente quando), selecione Any filters are true (Quaisquer filtros são verdadeiros). Esta seleção garante que o campo será exibido quando um dos filtros for verdadeiro.
- Salve a página. Você notou o novo ícone no campo Tracking Number (Número de rastreamento)? O ícone de olho () indica que um componente ou campo tem filtros de visibilidade atribuídos a ele.
Como parte deste módulo, migramos uma página de registro para Formulários dinâmicos, movemos alguns campos e tornamos a página mais dinâmica com regras de visibilidade. Mas o que isso significa para nossos usuários? Vamos descobrir.
Viu o que você fez?
Vamos ver seu trabalho. Primeiro, vamos observar a página no computador.
- Clique em Back (Voltar) () no cabeçalho do Criador de aplicativo.
- No App Launcher (Iniciador de aplicativos) (), encontre e selecione Sales (Vendas) e clique na guia Opportunities (Oportunidades).
- Abra o modo de exibição de lista All Opportunities (Todas as oportunidades).
- Selecione Dickenson Mobile Generators.
É possível que você tenha que atualizar a página de oportunidades para que as mudanças recém-feitas na página de registro apareçam.
Veja como fica a página de registro. Como você atribuiu a página de registro ao perfil Administrador do sistema quando a ativou, você poderá vê-la, mas nenhum outro usuário na sua organização poderá. Você pode personalizar as diferentes experiências de usuário criando páginas de registro personalizadas e atribuindo-as por aplicativo, tipo de registro e perfil de usuário. Ofereça a seus gerentes de vendas uma visão diferente das oportunidades além dos seus representantes de vendas. Configure as páginas de contas de organizações sem fins lucrativos diferentemente das páginas de conta comercial padrão.
Na guia Details (Detalhes), você pode ver que a página está mais concisa do que antes, os campos estão mais organizados e como removemos alguns campos desta guia, a página carrega um pouco mais depressa.
E, se você clicar na guia More Details (Mais detalhes), poderá observar que o campo Tracking Number (Número de rastreamento) foi ocultado dos usuários. Isso ocorre porque os critérios do filtro de visibilidade ainda não foram atendidos.
Ver as regras de visibilidade em ação
O filtro de visibilidade do campo Tracking Number (Número de rastreamento) é baseado no campo Delivery/Installation Status (Status de entrega/instalação) definido como In progress (Em andamento) ou Completed (Concluído). Vamos ver o que acontece na página quando a regra de visibilidade é acionada.
- Clique na guia More Details (Mais detalhes) se ainda não estiver lá.
- Clique no campo Delivery/Installation Status (Status de entrega/instalação) para abrir a edição inline.
- Fique de olho na seção Additional Information (Informações adicionais) e altere o valor Delivery/Installation (Entrega/Instalação) para In progress (Em andamento). Você viu o campo Tracking Number (Número de rastreamento) aparecer? Quando os critérios de filtro da regra de visibilidade são atendidos, a regra é acionada e o campo é exibido.
- Salve suas alterações.
Controlar se um componente ou campo é exibido com base nos valores dos campos é apenas uma coisa que você pode fazer com as regras de visibilidade. As regras de visibilidade também podem controlar se os componentes aparecem em uma página com base no perfil de usuário que está visualizando, nas permissões dele ou no formato (dispositivo) em que ele visualiza a página.
Mas espere. Adicionamos dois componentes de rich text à página, mas eles não estão aparecendo. Por quê? No caso de um dos componentes, é porque estamos vendo a página em um desktop. Vamos explicar isso em breve. No caso do outro componente, é porque a oportunidade não atende aos critérios que nós definimos. Vamos alterar isso.
- Nas ações no nível da página do painel de destaques, selecione Editar.
- Mude o valor da oportunidade para acima de US$ 1.000.000, mude o estágio para Closed Won (Fechado e ganho) e clique em Save (Salvar).
Uhu! Olha isso! Você nem precisou atualizar a página. Quando você salva as alterações e os critérios de filtragem são atendidos, a página é atualizada automaticamente para mostrar o componente de rich text e sua mensagem.
Agora vejamos a página no aplicativo móvel Salesforce.
- Abra o aplicativo no seu telefone.
- Entre usando suas credenciais do Trailhead Playground.
Não tem certeza de qual é seu nome de usuário e senha do Playground? Descubra como obtê-los no módulo Gerenciamento do Trailhead Playground. - Abra o menu, toque no App Launcher (Iniciador de aplicativos) e abra o aplicativo Vendas.
- Toque em Opportunities (Oportunidades) e navegue até a oportunidade Dickenson Mobile Generators.
O que você vê no início é o que se espera: ações, destaques do registro, caminho. Mas role um pouco para baixo...
As guias no componente Guias ficam empilhadas quando são visualizadas em um telefone. É possível tocar nelas para abri-las. Mas espere um pouco! Falta uma delas. Onde está a guia Atividade? Bem, o componente de Atividades não é compatível com telefones, então ele foi retirado da página. E, como isso fez com que a guia Atividade ficasse vazia, ela também foi retirada da página.
Em direção ao fim está o componente que apareceu quando você atualizou a oportunidade para ser de mais de um milhão de dólares. Porém, logo abaixo dele está algo que não vimos ao visualizar a página no desktop: o componente rich text exclusivo para dispositivos móveis.