Changing the color of the default new form

rss

Posted by jpwallace - Jan 17 ’17 at 09:27

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
    Dmitry Kozlov
    Admin
    Member for: 5 years 10 months 26 days
    #1 by Dmitry Kozlov Jan 17 ’17 at 10:23

    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:

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

    #fd_form {
    	background-color: red;
    }
    
  • jpwallace
    Member
    Member for: 2 years 7 months 11 days
    #2 by jpwallace Jan 17 ’17 at 11:06

    [#1]: 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
    Dmitry Kozlov
    Admin
    Member for: 5 years 10 months 26 days
    #3 by Dmitry Kozlov Jan 18 ’17 at 05:36

    [#2]: Hi,

    Insert the following code into JS-editor:

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

    And this to the CSS-editor:

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

    Replace 'red' with the color you need.

Displaying 1 to 3 of 3 messages