Social Login JavaScript API: Settings

Below are the possible settings for Social Login with JavaScript API.

actionText

The text of the action.

backgroundColor

The background color, expressed as a hexadecimal value. For example:
 #ffffff 

borderColor

The color of the borders, expressed as a hexadecimal value. For example:
 #ffffff 

borderRadius

The radius of the curves of the corners.

buttonBackgroundStyle

The style of the button background.

buttonBorderColor

The color of the button borders, expressed as a hexadecimal value. For example:
 #ffffff 

buttonBorderRadius

The radius of the curves on the corners of the buttons.

fontColor

The font color for the action text, expressed as a hexadecimal value. For example:
 #ffffff 

fontFamily

Font family for the action text.

fontSize

Font size for the action text.

forceReauth

If set to true, the identity provider is asked to re-authorize the user, even if the user has specified automatic authorization. Facebook, Twitter, and Sina Weibo support this feature. The default value is false.

format

The button layout.

language

The language used for the Social Login Registration UI. The following language codes are supported:

Code Language
ar Arabic
bg Bulgarian
cs Czech
da Danish
de German
el Greek (Modern)
en English
es Spanish
fi Finnish
fr French
he Hebrew
hr Croatian
hu Hungarian
id Indonesian
it Italian
ja Japanese
ko Korean
li Lithuanian
nb-NO Norwegian (Bokmål)
nl-BE Dutch (Belgium/Flemish)
nl-NL Dutch (Netherlands)
no Norwegian
po Polish
pt-BR Portuguese (Brazil)
pt-PT Portuguese (European/Continental/Portugal)
ro Romanian
ru Russian
sr Serbian
sk Slovak
sl Slovenian
sv Swedish
th Thai
uk Ukrainian
zh Chinese (Simplified)
zh-CHT Chinese (Traditional)

modalState

If the UI is modal, this field is an object containing information that is specific to the modal UI.

modalState.borderColor

The border color, expressed as a hexadecimal value. For example:
 #ffffff 

modalState.borderOpacity

Border opacity.

modalState.borderRadius

Radius of border corners.

borderWidth

Border width.

modalState.orientation

Values are landscape or portrait. Set when the UI is viewed on a mobile device with orientation support.

popup

Values are true or false. The default is true, which causes the UI to spawn new windows for identity provider sign-in. When set to false, this flag forces the UI to operate in a single-window mode appropriate for operation inside a WebView.

providers

Array of specifier strings for provider buttons.

providersPerPage

The number of provider buttons per UI page.

showAttribution

A boolean value. true shows the attribution text, false hides the attribution text.

type

The display type (modal or embedded).

width

The width of the UI (in pixels).