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).


Did this page help you?