Personalizar detalhes de registro com layouts de página

Objetivos de aprendizagem

Após concluir esta unidade, você estará apto a:
  • Criar e gerenciar layouts de página.
  • Usar o editor de layout de página.
  • Atribuir um layout de página a um perfil.
  • Explicar como o editor de layout de página aciona conteúdo de detalhes de registro no Lightning.

Layouts de página

O que você vê quando faz login no Salesforce pela primeira vez é apenas o começo. É possível personalizar vários itens de determinada página de registro de objeto usando layouts de página.

Existem duas formas de personalizar uma página no Lightning Experience. Você pode personalizar o layout de uma página ou seu conteúdo. Isso é feito em ferramentas diferentes.

As páginas do Lightning são um conjunto de componentes do Lightning arrumados nas áreas de uma página. Você pode personalizar a estrutura da página e a posição de seus componentes com o Criador de aplicativo Lightning (aprenda mais no módulo Criador de aplicativo Lightning aqui no Trailhead).

Você pode personalizar o conteúdo de uma página, como os campos e botões que aparecem nela, usando uma ferramenta diferente chamada editor de layout de página. O editor de layout de página, também conhecido como layouts de página, ajuda você a gerenciar o conteúdo das páginas tanto na interface do usuário Classic quanto no Lightning Experience. O editor de layout de página é o que usaremos nesta unidade.
Nota

Nota

Por que usamos a ferramenta editor de layout de página de IU dupla para ajudar a personalizar o conteúdo de página no Lightning Experience? Porque o Criador de aplicativo Lightning não pode personalizar botões, ações e campos nas páginas... ainda.

O editor de layout de página permite:
  • Controlar os campos, listas de registros relacionados e links personalizados que os usuários podem ver
  • Personalizar a ordem em que os campos aparecem nos detalhes da página
  • Definir se os campos são visíveis, somente leitura ou obrigatórios
  • Controlar quais botões personalizados e padrão aparecem nos registros e nas listas relacionadas
  • Controlar as ações rápidas que aparecem na página

Você deve estar pensando: botões, listas, detalhes de registro? O que tudo isso significa? Vamos fazer um rápido tour pelo layout de página, analisando um exemplo de registro de contato e, em seguida, vamos nos aprofundar e personalizar um layout. Em uma unidade futura falaremos mais sobre botões, links e ações e como modificá-los em layouts de página.

Essas são as partes de uma página que você pode personalizar usando layouts de página, a fim de criar uma exibição personalizada para diferentes equipes e processos de sua organização.
  • A guia Relacionados (1) contém listas relacionadas, que são listas de outros registros que estão associados ao registro que você está vendo. Por exemplo, uma conta pode ter produtos, contatos, oportunidades e outros registros personalizados relacionados. Com as listas relacionadas fica fácil encontrar e gerenciar informações relacionadas.Página Lista relacionada
  • A guia Detalhes (2) mostra informações sobre um registro. Por exemplo, uma página de detalhes de registro de contato mostra o nome, endereço, proprietário, conta e outros campos que são usados para armazenar informações sobre o contato e outros registros relacionados. Para alterar o conteúdo dos campos em uma página relacionada ou de detalhes, você pode clicar em Editar (3).Página Detalhes

No entanto, o botão Editar não permite configurar os campos que aparecem nos detalhes do registro. Vamos ver isso agora.

Personalizar os campos nos detalhes do seu registro

A personalização dos campos das páginas de registro é fácil e pode ser feita com apenas alguns cliques. O Editor de layout de página avançado é o lugar certo para personalizar os campos e as listas relacionadas de uma página de registro do Lightning Experience. Ele é chamado “avançado” porque existe uma versão anterior. Vamos nos referir a ele aqui simplesmente como o editor de layout de página.

O editor de layout de página possui duas partes básicas: uma paleta na parte superior da tela (1) e o layout de página do registro na parte inferior (2). A paleta contém os elementos básicos, como campos, ações, botões, links e listas relacionadas, que podem ser adicionados e organizados na página. Você pode pensar na parte superior como a mesa do bufê e na parte inferior como o prato de comida que você está criando.

Veja aqui o editor de layout de página para um lead.Layout de página de lead

Talvez você esteja pensando: “Mas o que é aquela seção Painel de destaques ali? Você não disse que um layout compacto controla o painel de destaques nas páginas de registro do Lightning Experience?” Sim, dissemos isso. E isso é verdade. A seção Painel de destaques no editor de layout de página controla o painel de destaques nas páginas da nossa interface do usuário Classic. Ela não tem utilidade para nós no Lightning Experience.

Por enquanto, vamos dar uma olhada rápida no editor de layout de página, adicionando e modificando um campo básico em um registro de lead.
  1. Em primeiro lugar, precisamos encontrar e abrir o layout de página de lead.
    1. Em Configuração, clique em Gerenciador de objetos.
    2. Clique em Lead para abrir o objeto e clique em Layouts de página.
  2. Clique em Layout de lead.
    Agora que abrimos o layout de página de lead, vamos fazer uma atualização. Como todos sabem, fax é coisa do passado. Portanto, vamos remover esse campo.
  3. Remova o campo Fax do layout de página arrastando-o para a paleta.Modificando um layout de páginaFácil, né? Agora vamos fazer com que seus representantes de vendas não deixem o campo Celular em branco. Vamos torná-lo obrigatório.
  4. Passe o mouse sobre o campo Celular e clique no ícone de chave inglesa.Ícone de edição
  5. Clique em Obrigatório e, em seguida, clique em OK.
  6. Clique em Gravação rápida para salvar suas alterações sem fechar o editor de layout de página.
Muito bem! Você acabou de remover um campo e tornar outro campo obrigatório sem precisar escrever uma única linha de código.

Curioso para saber o que significam os ícones à esquerda de alguns rótulos de campo? 
  • Ícone Valor ausente no campo– O campo precisa ter um valor para permitir o salvamento do registro, mas não é obrigatório no layout de página em si.
  • Ícone Inclusão de campo obrigatória– O campo precisa ser incluído no layout de página porque um administrador configurou o campo como universalmente obrigatório ou o Salesforce exige o campo automaticamente. Embora você não possa remover esses campos, pode movê-los para outros lugares.
  • Ícone Campo de controle– O campo é um campo de controle.
  • Ícone Campo dependente– O campo é um campo dependente.
  • Ícone Somente leitura– O campo é somente leitura.

Você pode atribuir layouts de página a diferentes perfis de usuário. Por exemplo, você pode criar um layout de página personalizado para gerentes e outro para usuários padrão. Para mudar as atribuições de layout de página, clique em Atribuição do layout de página e, em seguida, clique em Editar atribuição.

Criar um layout de página

Maria deseja criar um layout de página de auditoria de energia exclusivo para sua equipe de vendas, para que eles tenham as informações necessárias e de lista relacionada ao alcance quando examinarem os registros de auditoria de energia.

Quando o objeto personalizado Auditoria de energia foi criado, um layout de página de auditoria de energia padrão do sistema também foi criado. Agora, todos na organização que visualizam um registro de auditoria de energia veem as informações do layout padrão. Maria vai criar um layout especificamente para o pessoal de vendas.

Vamos acompanhar.

  1. Em Configuração, clique em Gerenciador de objetos.
  2. Clique em Auditoria de energia e em Layouts de página.
    Você deve ver o layout de auditoria de energia padrão do sistema que mencionamos.
  3. Clique em Novo.
    Você tem duas opções neste momento. Criar um layout de página do zero ou escolher um layout de página existente para clonar. Como Maria deseja aproveitar o que já existe para Auditoria de energia, ela vai clonar o layout padrão.
  4. Selecione Layout de auditoria de energia.
  5. Nomeie o novo layout Layout de auditoria de energia para vendas.
  6. Clique em Salvar.
  7. Role para baixo até a seção Detalhes da auditoria de energia.
    Veja uma comparação de detalhes do campo do layout de página e dos campos de auditoria de energia com a configuração padrão.Layout de página X seção Detalhes A coluna da direita está quase vazia e os campos poderiam estar dispostos de maneira mais ordenada. Vamos mudar isso.
  8. Mova Notas de auditoria e Tipo de instalação para a coluna da direita, acima de Proprietário.
  9. Mova Conta para baixo de Nome da auditoria de energia. Campos personalizados
  10. Clique em Salvamento rápido.
    Ótimo! Mas há mais a se fazer. Como Auditoria de energia é um objeto personalizado, ele não tem listas relacionadas...por enquanto. Vamos adicionar uma.
  11. Role para baixo até a seção Listas relacionadas.
  12. Na paleta, clique em Listas relacionadas e arraste o elemento Arquivos para baixo até a seção Listas relacionadas.
    Com a lista relacionada Arquivos, os representantes de vendas da Ursa Major Solar podem adicionar arquivos a um registro e ver uma lista de arquivos associados ao registro.
  13. Clique em Salvamento rápido novamente e clique em Sim.
    Concluímos o layout de página por enquanto, mas ninguém pode vê-lo. É hora de atribuí-lo aos perfis.

Atribuir um layout de página a perfis

Maria quer que os vendedores da Ursa Major Solar possam ver esse novo layout de página. Ela vai atribuí-lo ao perfil de usuário da equipe de vendas para que eles possam visualizar o modo de exibição revisado dos campos e a nova lista relacionada quando virem os registros de auditoria de energia. Vamos começar.

  1. Caso ainda não esteja no objeto Auditoria de energia, em Configuração, clique em Gerenciador de objetos | Auditoria de energia.
  2. Clique em Layouts de página e em Atribuição do layout de página. Você pode ver a lista de perfis e o layout de página atribuído a cada um.
  3. Clique em Editar atribuição.
  4. Selecione a linha Personalizar: Perfil de vendas.
  5. No campo Layout de página a ser usado, selecione Layout de auditoria de energia para vendas.
  6. Selecione a linha Administrador do sistema. Normalmente, Maria só selecionaria a linha Personalizar: Perfil de vendas, mas já que você está conectado como Administrador do sistema, selecionaremos a outra também para que veja como ficou o novo layout de página.
  7. No campo Layout de página a ser usado, selecione Layout de auditoria de energia para vendas e clique em Salvar. Vamos ver o resultado!
  8. No Iniciador de aplicativos, encontre e selecione Auditorias de energia e abra um registro de auditoria. Veja a guia Detalhes. Ela está mais simples e eficiente.

    Antes Depois
    Seção de detalhes do layout padrão Seção de detalhes do novo layout
    E se você clicar na guia Relacionados, verá a lista relacionada Arquivos lá, pronta para receber uploads.

Ótimo trabalho! Agora que você já está mais familiarizado com os layouts de página e o editor de layout de página, pode criar layouts que fornecem aos seus usuários exatamente o que eles precisam. Organizando ferramentas e campos em seções lógicas, você pode facilitar a vida de seus usuários com relação ao armazenamento e gerenciamento de dados que são importantes para seu negócio.