Many default styles for Wetpaint application components (dialogs, lightboxes, tooltips, menus, and the WYSIWYG toolbar) can be overridden via the following Javascript methods. These methods must be called after the Client Application is requested. For an explanation of how these can be implemented, view step 4 of the integration guide.

Style Value Format Rules

Style	Rules	Examples
Color values	Color values may be defined with standard CSS syntax. When setting borders, top-right-bottom-left ordering may be used.	WPCAPI.setFontColor("grey"); WPCAPI.setBackgroundColor("rgb(100%, 100%, 100%)"); WPCAPI.setButtonColor("rgb(255, 255, 255)"); WPCAPI.setBorderColor('#813823'); WPCAPI.setBorderBevelColor("#CAB7AE #866659 #866659 #CAB7AE"); WPCAPI.setSubmitButtonColor("#FFF"); WPCAPI.setCancelButtonBorderColor('#CAB7AE');
Font family values	Can include both specific and generic font families. Make sure that values with spaces are wrapped with quotes. You can set alternative font family values (font1, font2, font3)	WPCAPI.setFontFamily("Georgia,'Times New Roman', serif"); WPCAPI.setFontFamily("New Century Schoolbook");
Size values	Can be a pixel size between 10px and 30px. Sizes outside that range will default to 10px or 30px, when too small or large respectively. Sizes may be passed as a string ('14') or number (14). If an invalid argument is passed in (e.g. "fifteen"), the application defaults to 13px.	WPCAPI.setFontSize("15px"); WPCAPI.setFontSize(20); WPCAPI.setTitleBarFontSize(14);

Setting Styles with CSS

Interface styles can also be modified by setting CSS rules. Most users will likely use the JavaScript examples given above; however, if your environment requires that your style values be contained in your CSS files, this option may be useful.

To apply a style using CSS, set a rule prefixed with "#WPCAPI-" and write the definition in camel case (e.g., backgroundColor or titleBarFontSize). For each rule, be sure to set the definition for the style that you're referring to (e.g., background-color:#FFF or font-size:12px). When the client application loads, it will inspect those rules and pull the appropriate value from them.

Examples
#WPCAPI-linkColor { color:#497FB1; }
#WPCAPI-fontSize { font-size:15px; }
#WPCAPI-borderBackgroundColor { background-color:#F7ABCB; }
#WPCAPI-borderBevelColor { border-color:#F7D2DF #CC57A0 #CC57A0 #F7D2DF; }

Function Reference

String	get	set	BackgroundColor	The custom background color of Wetpaint application components, if any.
String	get	set	BorderColor	The custom border color of Wetpaint application components, if any. Note that the border is outlined by a "bevel," which allows the components to have a 3D effect; be sure to modify the border bevel color if you modify the border color.
String	get	set	BorderBevelColor	The custom border bevel color of Wetpaint application components, if any.
String	get	set	ButtonBackgroundColor	The custom background color for buttons within Wetpaint application components, if any.
String	get	set	ButtonBorderColor	The custom border color for buttons within Wetpaint application components, if any.
String	get	set	ButtonFontColor	The custom font color for buttons within Wetpaint application components, if any.
String	get	set	ButtonFontFamily	The custom font family for buttons within Wetpaint application components, if any.
String	get	set	ButtonFontSize	The custom font size for buttons within Wetpaint application components, if any.
String	get	set	SubmitButtonBackgroundColor	The custom background color for Submit buttons within Wetpaint application components, if any.
String	get	set	SubmitButtonBorderColor	The custom border color for Submit buttons within Wetpaint application components, if any.
String	get	set	SubmitButtonFontColor	The custom font color for Submit buttons within Wetpaint application components, if any.
String	get	set	SubmitButtonFontFamily	The custom font family for Submit buttons within Wetpaint application components, if any.
String	get	set	SubmitButtonFontSize	The custom font size for Submit buttons within Wetpaint application components, if any.
String	get	set	CancelButtonBackgroundColor	The custom background color for Cancel buttons within Wetpaint application components, if any.
String	get	set	CancelButtonBorderColor	The custom border color for Cancel buttons within Wetpaint application components, if any.
String	get	set	CancelButtonFontColor	The custom font color for Cancel buttons within Wetpaint application components, if any.
String	get	set	CancelButtonFontFamily	The custom font family for Cancel buttons within Wetpaint application components, if any.
String	get	set	CancelButtonFontSize	The custom font size for Cancel buttons within Wetpaint application components, if any.
String	get	set	FontColor	The custom font color for Wetpaint application components, if any.
String	get	set	FontFamily	The custom font family for Wetpaint application components, if any.
String	get	set	FontSize	The custom font size for Wetpaint application components, if any.
String	get	set	ActiveLinkColor	The custom font color for active hyperlinks within Wetpaint application components, if any.
String	get	set	HoverLinkColor	The custom font color for hover hyperlinks within Wetpaint application components, if any.
String	get	set	LinkColor	The custom font color for unvisited hyperlinks within Wetpaint application components, if any.
String	get	set	VisitedLinkColor	The custom font color for visited hyperlinks within Wetpaint application components, if any.
String	get	set	TitleBarFontColor	The custom font color for the title bars of Wetpaint application components, if any.
String	get	set	TitleBarFontFamily	The custom font family for the title bars of Wetpaint application components, if any.
String	get	set	TitleBarFontSize	The custom font size for the title bars of Wetpaint application components, if any.
String	get	set	AlternativeBackgroundColor	The custom alternative background color for reports within the Wetpaint application, if any.
String	get	set	SelectedBackgroundColor	The custom background color for selected items within Wetpaint application components, if any.
String	get	set	TableHeaderBackgroundColor	The custom background color for table headers within Wetpaint application components, if any.
String	get	set	TableHeaderColor	The custom font color for table headers within Wetpaint application components, if any.