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:
borderColor
The color of the borders, expressed as a hexadecimal value. For example:
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:
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:
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 below language codes 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:
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).