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. 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 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) |
| 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 | Ukranian |
| 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.
modalState.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).
Updated over 2 years ago