Page 1 of 1
Changing the color of the default new form
Posted: 17 Jan 2017
by 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?
Re: Changing the color of the default new form
Posted: 17 Jan 2017
by 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;
}
Re: Changing the color of the default new form
Posted: 17 Jan 2017
by 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?
Re: Changing the color of the default new form
Posted: 18 Jan 2017
by 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.