Change color of form background.
I want to add color to the form background. How do you change the color of a form background?.
Forum Discussion
> ... 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:
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
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='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:
(async () => {
// your code here
$('#bodyTable').css('background-color', 'yellow');
})();
'>"
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
- You can add this code to close up borders to be yellow:
$('table.LabelsLeft tr > td.cell,
table.LabelsLeft tr > td.label,
div.Email table.LabelsLeft tr td.cell,
div.Email table.LabelsLeft tr td.label').css('border', 'solid yellow');