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

#ffffff 

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