- Overview
- Social Sign-in Widget
- User Registration Widget
- Social Sharing Widget
- Provider Setup Guide
- One-Click Sharing Widget
- Legacy Sign-in Widget
- Legacy Sharing Widget
Styles
The style settings affect the appearance of the Social Sharing Widget. These settings take effect when the widget is launched.
Note: Some settings are only available to higher service levels.
Usage: janrain.engage.share
Available to: 
| Field | Value | Description |
| setMobile | True/False | When true, changes the widget style to one optimized for mobile browsers. |
| setOrientation | “landscape” or “portrait” | Changes the orientation of the widget to either “landscape” or “portrait”. Works when mobile is set to “on” or “off”. Note: This is called automatically when screen orientation changes on supported devices. |
Available to: 
| Field | Value | Description |
| setModalBackgroundColor | hex color value | Sets the background color of the modal widget border using the webcolor hexadecimal value. The default color is: #000000 (black). |
| setModalOpacity | Between 0 and 1, in tenths. | This defines the border opacity of a modal widget. 0 is completely clear, and 1 is completely solid. Use a value expressed in tenths to define, for example: .04. Default value is .05. |
| setModalBorderRadius | 1–20 | Sets the rounding angle of the border of a modal widget. 1 is square corners, and 20 is the greatest rounding. Default value is 5. |
| setModalWidth | 1–20 | Sets the width of the border on a scale of 1–20 pixels. Default value is 5. |
| setBodyBackgroundColor | hex color value | Determines the background color of the widget using the webcolor hexadecimal value. This only affects email unless the bodyBackgroundColorOverride option is set to true. The default color is #009DDC. |
| setBodyBackgroundColorOverride | True/False | If true, the bodyBackgroundColor is used regardless of provider. If false, bodyBackgroundColor only affects the email tab. |
| setBodyColor | hex color value | Sets the color of the widget text (in the body, not user generated content in text boxes) using the webcolor hexadecimal value. The default color is <tt>#333333</tt>. |
| setBodyContentBackgroundColor | hex color value | Sets the background color of the internal whitespace of thew widget using the webcolor hexadecimal value. The default color is <tt>#ffffff</tt>. |
| setBodyFontFamily | Font | Sets the font used in the widget. Default <tt>Helvetica</tt>. |
| setBodyTabBackgroundColor | hex color value | Sets the background color of the navigation menu on the left of the widget using the webcolor hexadecimal value. The default color is <tt>#f8f8f8</tt>. |
| setBodyTabColor | hex color value | Sets the color of the text in the navigation menu on the left of the widget using the webcolor hexadecimal value. The default color is <tt>#000000</tt>. |
| setElementBackgroundColor | hex color value | Sets the background color of the input text boxes of the widget using the webcolor hexadecimal value. The default color is: <tt>#f6f6f6</tt>. |
| setElementBorderColor | hex color value | Sets the color of the border of the input text boxes of the widget using the webcolor hexadecimal value. The default color is: <tt>#cccccc</tt>. |
| setElementBorderRadius | 1–10 | Sets the rounding angle of the text box borders of the widget. 1 is square corners, and 20 is the greatest rounding. Default value is <tt>3</tt>. |
| setElementButtonBorderRadius | 1–10 | Sets the rounding angle of the buttons of the widget. 1 is square corners, and 20 is the greatest rounding. Default value is <tt>6</tt>. |
| setElementButtonBoxShadow | 0–3 | Sets a drop shadow on the widget buttons. A value of 0 removes the drop shadow, and 3 is the greatest amount of drop shadow on the button. Default value is <tt>3</tt>. |
| setElementColor | hex color value | Sets the color of the element using the webcolor hexadecimal value. The default color is: <tt>#333333</tt>. |
| setElementHoverBackgroundColor | hex color value | Sets the background color of the element hover using the webcolor hexadecimal value. The default color is: <tt>#eeeeee</tt>. |
| setElementLinkColor | hex color value | Sets the hyperlink color in the widget using the webcolor hexadecimal value. The default color is <tt>#009DDC</tt>. |
| setAttributionDisplay | True/False | If ‘true’ displays the “Powered by Janrain” attribution message on the widget. If ‘false’, the attribution message is hidden. |