Skip to main content
Question

Change color of form background.

  • May 5, 2016
  • 0 replies
  • 124 views

 I want to add color to the form background.  How do you change the color of a form background?.

This topic has been closed for replies.

  • Registered
  • May 5, 2016
Use image onload technique and commands (plural) of this nature:


$("#bodyTable").css("backgroundColor", "yellow");


See screenshot. 

I think you will not find this to be a little more complex than it should be because QuickBase did not design their CSS to be skinnable by users. If you look at the attached screenshot you will see gaps where in the yellow background where other elements are sneaking their non-yellow color on top. You would have to hunt down these elements and provide additional CSS statements through the image onload technique.

Awesome :)

  • Registered
  • March 13, 2017
Here is an example of some added form styling to make it more legible.


  • Registered
  • July 20, 2017
So you have to make those changes in the developer tools for the browser?

  • Registered
  • December 18, 2018
> ... use IOL technique ...

You can use the 3Q&S Technique without any setup. Just create a Rich Text Formula Field and write your inline script to modify the CSS without using the double or single quote characters - instead use the backtick character:
"<img src onerror='
(async () => {
  // your code here
  $('#bodyTable').css('background-color', 'yellow');
})();
'>"
You will have to poke around a bit as QuickBase did not design their forms to be skinnable and you will see weird interstitials where your intended re-styling did not take effect. This of course can be corrected with additional CSS statements in your code but as I said your will have to experiment. Somewhere in the forum I posted a fix for the white areas that are peeking through that you see in the form below:



Color My Form Beautiful ~ View Record 1
https://haversineconsulting.quickbase.com/db/bn89ceqip?a=dr&rid=1

Pastie Database
https://haversineconsulting.quickbase.com/db/bgcwm2m4g?a=dr&rid=712