Socialid.login.renderLoginWidget
(Difference between revisions)
Renato.neves (Talk | contribs) (→Description) |
Dirceu.tiegs (Talk | contribs) m |
||
Line 30: | Line 30: | ||
! align="left" width="200px" style="padding-left: 20px" | providers | ! align="left" width="200px" style="padding-left: 20px" | providers | ||
| width="200px" | opcional | | width="200px" | opcional | ||
− | | Array contendo um ou mais provedores disponíveis para os usuários fazerem login. Atualmente são suportados: "facebook", "twitter" | + | | Array contendo um ou mais provedores disponíveis para os usuários fazerem login. Atualmente são suportados: "facebook", "twitter", "linkedin" e "gplus". Default: [] (nenhum provedor). |
|+ | |+ | ||
! align="left" width="200px" style="padding-left: 20px" | language | ! align="left" width="200px" style="padding-left: 20px" | language | ||
Line 51: | Line 51: | ||
== Example == | == Example == | ||
− | Renderiza em "socialid_login_container" um widget do Social Login em português ("pt_br"), com Facebook, Twitter | + | Renderiza em "socialid_login_container" um widget do Social Login em português ("pt_br"), com Facebook, Twitter, LinkedIn e Google+ disponíveis para login: |
socialid.login.init(1, {loginType: "event"}); | socialid.login.init(1, {loginType: "event"}); | ||
socialid.login.renderLoginWidget("socialid_login_container", { | socialid.login.renderLoginWidget("socialid_login_container", { | ||
theme: "bricks", | theme: "bricks", | ||
− | providers: ["facebook", "twitter", "linkedin"], | + | providers: ["facebook", "gplus", "twitter", "linkedin"], |
language: "pt_br", | language: "pt_br", | ||
showSocialIdLink: true, | showSocialIdLink: true, |
Revision as of 08:28, 4 August 2014
Contents |
Description
Renderiza o widget do Social Login dentro de um elemento do DOM.
O uso deste widget pode disparar os eventos:
- socialid.events.onLoginStart
- socialid.events.onLoginSuccess
- socialid.events.onLoginCancel
- socialid.events.onLoginError
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", "linkedin" e "gplus". 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, LinkedIn e Google+ disponíveis para login:
socialid.login.init(1, {loginType: "event"}); socialid.login.renderLoginWidget("socialid_login_container", { theme: "bricks", providers: ["facebook", "gplus", "twitter", "linkedin"], language: "pt_br", showSocialIdLink: true, loadCss: true, });
Teste os parâmetros em nosso playground: https://sid-examples.herokuapp.com/social_logins/playground