Control Formatting with a a colored background?

Discussions about Forms Designer for SharePoint 2013 / 2016 and Office 365.
Locked
YumaIT
Posts: 18
Joined: Tue Oct 02, 2018

04 Oct 2018

I have formatted multiple tables with the following code in the Layout\Style section:

border-radius: 10px;
background: #ABB9DB

giving it a blue color. I have inserted multiple fields (text, dates, etc.) and the entry fields are muted gray in color instead of white as they should be. It appears that the blue colored background is bleeding though.

Is there a way to change the field color to white?

Thanks for your help.
Attachments
Muted Fields.JPG
Muted Fields.JPG (79.8 KiB) Viewed 2081 times

User avatar
AlexZver
Posts: 232
Joined: Mon Aug 27, 2018

04 Oct 2018

Hi!

Add this CSS rule to your CSS Editor:

Code: Select all

input[type=password], input[type=text], input[type=file], input:not([type]), select, textarea, .sp-peoplepicker-topLevel, .sp-peoplepicker-topLevelDisabled, .sp-peoplepicker-autoFillContainer, .ms-inputBox {
    background-color: rgba(255, 255, 255, 1) !important;
}

YumaIT
Posts: 18
Joined: Tue Oct 02, 2018

09 Oct 2018

Alex,

Thanks for this code, it did work perfectly. Follow up question; Is there a way to make the page one color (instead of white or #FFFFFF) while having the control boxes remain white?

Thanks again for all of your help!

User avatar
AlexZver
Posts: 232
Joined: Mon Aug 27, 2018

10 Oct 2018

Hi!

Sure, just add this css rule to CSS Editor to color all the form:

Code: Select all

div#fd_form {
    background-color: #ABB9DB;
}

YumaIT
Posts: 18
Joined: Tue Oct 02, 2018

10 Oct 2018

Alex,

Thanks! I know these questions and items may be small, but your answers are really saving me time and speeding up our adoption of the system. This was perfect, thanks!

Locked
  • Information
  • Who is online

    Users browsing this forum: No registered users and 18 guests