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. This setting is supported by the following identity providers:
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).