Permite que usuários acessem sua aplicação sem a necessidade de fazer um cadastro prévio, utilizando ologine senha de alguma rede social. Para que o componente funcione, a opção Login Social precisa ser Habilitada, acesse o tópico Habilitar o login social da documentação Login por redes sociais para mais detalhes.
Figura 1 - Componente rodando na tela de login no browser
Principais propriedades
Na tabela abaixo estão descritas as principais propriedades do componente.
Nome
Tipo
Doc
Identificador
id
Atributo que especifica um ID exclusivo para o componente. Por padrão um id é gerado automaticamente e atribuído ao componente.
Classes CSS
class
Adiciona classes CSS que já foram criadas.
Estilo
style
Altera o estilo geral do componente da forma inline
Exibir
ng-show
Propriedade AngularJS usada para mostrar ou oculta o componente.
Repetir
crn-repeat
Propriedade que seleciona uma fonte de dados contida na tela e repete o componente baseado no número de itens dessa fonte de dados.
Segurança
cronapp-security
Propriedade do Cronapp que trata as permissões de segurança da aplicação. Usado para permitir ou não edição e visualização do componente com base nos perfis selecionados.
Aba de Estilos
O componente não possui propriedades específicas na aba estilo.
Como usar
Componente Web
Acesse a página login (localização Low-Code: Formulários/Web/Login ) e arraste o componente Login Social para a tela, como na figura abaixo.
Figura 4.2 - Componente visual web Login Social
Por padrão, o componente visual Login Social já insere o ícone de todas as redes sociais suportadas nativamente pelo Cronapp, caso não queira usar alguma, ou deseja alterar o ícone, selecione seu ícone e remova (1 da figura 4.3) ou para alterar o ícone, selecione o ícone e altera na propriedade (2 da figura 4.3).
Figura 4.3 - Remoção do ícone de rede social
Credenciais e configuração
Para que o componente faça o login com a rede social desejada, é necessário acessar a área de desenvolvimento de cada uma das redes sociais, são elas (Google, Facebook, Linkedin e Github) e cadastrar a sua aplicação para obter o ID e chave secreta do cliente OAuth 2.0, para mais detalhes acesse a documentação Login por redes sociais no tópico Credenciais da aplicação.
Nome em inglês
Social Login
Nesta página
Equivalente mobile
Não possui.
Veja como configurar no mobile, acesse o tópico Configuração mobile da documentação Login por redes socias.