Changing the color of the default new form

[jpwallace]

Without using 'ThemeRoller' is there a way to change the color of the standard 'new' form. Currently my dialog forms open in standard white. Is there a way to either change the whole form color or the colour of the actual fields within the form?

[Dmitry Kozlov]

Hi,

Sure, you can change the form view with CSS. Just assign a CSS class to a control which backgound color you want to change, say 'red-block' and define it following way in the CSS-editor:

Code: Select all

.red-block {
	background-color: red;
}

Or if you want to change the background color of the whole form, insert the following code into CSS-editor:

Code: Select all

#fd_form {
	background-color: red;
}

[jpwallace]

Worked a treat thank you for your assistance... do you know if there is a way to change the color of the entire dialog window, the form has changed color but it has a white border all the way around, can this color be changed?

[Dmitry Kozlov]

Hi,

Insert the following code into JS-editor:

Code: Select all

$('.ms-dlgContent', window.top.document).css('background-color', 'red');

And this to the CSS-editor:

Code: Select all

.ms-dialog body {
	background-color: red;
}

Replace 'red' with the color you need.