Trabalhar com componentes do Lightning personalizados
Objetivos de aprendizagem
Componentes do Lightning personalizados no Criador de aplicativo Lightning
A criação de um componente do Lightning personalizado exige habilidades de programação. Você pode também instalar um componente existente do Lightning do AppExchange.
Você pode criar um componente do Lightning personalizado usando componentes Web do Lightning. Consulte o módulo Noções básicas dos componentes Web do Lightning.
Os componentes personalizados na sua organização que estão configurados para uso no Criador de aplicativo Lightning aparecem no painel de Componentes do Lightning.
O componente personalizado que estamos fornecendo para este módulo já foi configurado para o Criador de aplicativo Lightning.
Instalar um componente do Lightning personalizado
Disponibilizamos um componente do Lightning de Alerta de oportunidade personalizado que você pode adicionar à sua página do Lightning. Vamos instalá-lo na sua organização.
Inicie seu Trailhead Playground acessando qualquer unidade com um desafio prático, rolando até o fim da página e clicando em Iniciar. Se você vir uma guia na sua organização com o rótulo Instalar um pacote, ótimo! Siga as etapas abaixo.
Do contrário, clique no ícone do Iniciador de aplicativos para abrir o Iniciador de aplicativos, clique em Playground Starter e siga as etapas. Se não vir o aplicativo Playground Starter, copie este link de instalação do pacote e consulte Instalar um pacote ou aplicativo para concluir um desafio do Trailhead na Ajuda do Trailhead.
- Clique na guia Instalar um pacote.
- Cole
04t2E00000161fSQAQ
no campo. - Clique em Instalar.
- Selecione Instalar apenas para administradores e clique em Instalar.
Depois que a instalação é concluída, é hora de adicionar o componente à sua página.
Adicionar o componente do Lightning personalizado à sua página de aplicativo
- Em Configuração, digite
App Builder
na caixa Busca rápida e clique em Criador de aplicativo Lightning. - Clique em Editar ao lado da página Principais contas e oportunidades criada na unidade anterior.
- Adicione o componente Alerta de oportunidade acima do componente Modo de exibição de lista.
- No painel de propriedades, altere a opção Days Since Last Modified (Dias desde a última modificação) para
6
.
Você notou que o texto dentro do componente foi alterado para corresponder ao novo valor do campo? - Desmarque a opção Tem tarefas abertas e clique em Salvar.
É isso aí! As alterações feitas ficam disponíveis imediatamente no Lightning Experience e no aplicativo móvel. Vamos ver como está a página agora.
Testar o componente personalizado
- Abra o aplicativo em seu dispositivo móvel.
- Se necessário, entre usando suas credenciais do Trailhead Playground.
- Acesse a página Principais contas e oportunidades no aplicativo Vendas e desça até ver o novo componente. Talvez seja necessário atualizar a tela para ver suas alterações.
- Volte para sua organização e visualize a página Principais contas e oportunidades no Lightning Experience.
Como você criou a página usando o modelo de duas colunas, ela usa o formato de duas colunas para visualização na área de trabalho ou em um tablet.
Agora você é capaz de tornar o aplicativo móvel Salesforce e o Lightning Experience mais úteis e avançados para seus usuários. Comece já a personalizar!