Socialid.login.renderConnectWidget
(Difference between revisions)
(→Description) |
(→Description) |
||
Line 3: | Line 3: | ||
Renders the Social Connect widget within a DOM element. | Renders the Social Connect widget within a DOM element. | ||
− | See [[socialid.login.startConnect]] | + | See also: |
+ | * [[socialid.login.startConnect]] | ||
+ | * [[socialid.login.disconnect]] | ||
== Usage == | == Usage == |
Revision as of 16:04, 23 November 2017
Contents |
Description
Renders the Social Connect widget within a DOM element.
See also:
Usage
socialid.login.renderConnectWidget(containerId, options)
Parameters
containerId | required | Id of the DOM element where the widget will be inserted. | options | optional | A Javascript object containing additional parameters. | theme | optional | Determines which theme will be used to build the widget. Can be "icons", "bricks" ou "labeled_icons". Default: "icons". | providers | optional | Array containing one or more providers enabled to the user log in. The following providers are currently supported: "facebook", "twitter", "linkedin" e "gplus". Default: [] (no providers enabled). | language | optional | Defines which translation will be used in the widgets. Can be "pt_br" (Brazilian Portuguese) ou "en" (English). Default: "en". | showSocialIdLink | optional | Determines if the "Powered by Social-ID NOW" link will be displayed in the widget or not. Can be true or false (boolean). Default: true. | loadCss | optional | Determines if the CSS theme file will be automatically added in the web page as a <link> tag. Can be true or false (boolean). Default: true. | cssUrl | optional | Determines the CSS theme file url that will be automatically added in the web page as a <link> tag (only if loadCss is true). Default: "https://app.socialidnow.com/assets/api/themes.css". |
---|
Example
It renders the Social Connect Widget within the "socialid_connect_container" DOM element in Brazilian Portuguese ("pt_br"), with Facebook, Twitter, LinkedIn and Google+ available to be added as new connection to the user logged in the current Social Login session:
socialid.login.init(1, {connectType: "event"}); socialid.login.renderConnectWidget("socialid_connect_container", { theme: "bricks", providers: ["facebook", "gplus", "twitter", "linkedin"], language: "pt_br", showSocialIdLink: true, loadCss: true });
You can test this parameters in our playground: https://sid-examples.herokuapp.com/social_logins/playground