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 below language codes codes are supported:

CodeLanguage
arArabic
bgBulgarian
csCzech
daDanish
deGerman
elGreek (Modern)
enEnglish
esSpanish
fiFinnish
frFrench
heHebrew
hrCroatian
huHungarian
idIndonesian
itItalian
jaJapanese
koKorean
liLithuanian
nb-NONorwegian (Bokmål)
nl-BEDutch (Belgium/Flemish)
noNorwegian
poPolish
pt-BRPortuguese (Brazil)
pt-PTPortuguese (European/Continental/Portugal)
roRomanian
ruRussian
srSerbian
skSlovak
slSlovenian
svSwedish
thThai
ukUkranian
zhChinese (Simplified)
zh-CHTChinese (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).