Socialid.login.renderLoginWidget

(Difference between revisions)
Jump to: navigation, search
(Example)
(Example)
Line 56: Line 56:
 
   });
 
   });
  
Teste os parâmetros em nosso playground: https://staging-sid-examples.herokuapp.com/social_logins/playground
+
Teste os parâmetros em nosso playground: https://sid-examples.herokuapp.com/social_logins/playground

Revision as of 20:01, 11 March 2013

Contents

Description

Inicializa a API para ser usada por uma aplicação do social login. É obrigatório chamar esta função antes de usar qualquer recurso da API do Social Login.

Usage

 socialid.login.renderLoginWidget(containerId, options)

Parameters

containerId obrigatório id do elemento DOM onde será inserido o widget
options opcional um objeto contendo parâmetros adicionais
theme opcional Pode ser "icons", "bricks" ou "labeled_icons". Especifica que tema será usado para montar o widget. Default: "icons".
providers opcional Array contendo um ou mais provedores disponíveis para os usuários fazerem login. Atualmente são suportados: "facebook", "twitter" e "linkedin". Default: [] (nenhum provedor).
language opcional Pode ser "pt_br" ou "en". Define que tradução será usada nos widgets. Default: "en".
showSocialIdLink opcional Pode ser true ou false (boolean). Especifica se o link "Powered by Social-ID NOW" será automaticamente mostrado ou não. Default: true.
loadCss opcional Pode ser true ou false (boolean). Especifica se o arquivo CSS de temas será automaticamente inserido no documento como um <link>. Default: true.
cssUrl opcional Especifica a url do arquivo CSS de temas que será automaticamente inserido no documento como um <link> caso loadCss seja true. Default: "https://app.socialidnow.com/assets/api/themes.css".

Example

Renderiza em "socialid_login_container" um widget do Social Login em português ("pt_br"), com Facebook, Twitter e LinkedIn disponíveis para login:

 socialid.login.init(1, {loginType: "event"});
 socialid.login.renderLoginWidget("socialid_login_container", {
   theme: "labeled_icons", 
   providers: ["facebook", "twitter", "linkedin"],
   language: "pt_br",
   showSocialIdLink: true,
   loadCss: true,
 });

Teste os parâmetros em nosso playground: https://sid-examples.herokuapp.com/social_logins/playground

Personal tools
Namespaces
Variants
Actions
Navigation
Toolbox