Forum Discussion

SalesInfo's avatar
SalesInfo
Qrew Assistant Captain
7 years ago

there are white spaces between elements when adding background color using IOL technique

I added a background color for the whole section by using IOL technique. It was working perfectly fine before I change something in the dev console yesterday. I am not sure what I did and I think I me...
App home pages
Discuss the community
Forms
_anomDiebolt_'s avatar
_anomDiebolt_
Qrew Elite
7 years ago
I don't know exactly what you did because you did not post any code but I can give you an understanding of why these white gaps appear. Using CSS QuickBase uses white borders on the <table> elements used to layout a section. This is a bit unusual and can be difficult to detect as most of the time table cell borders are black or some other visible color.

So you have to set the background-color on the table and the border-color for the cells:
$("table.formSection").css("background-color", "yellow");
$("table.formSection tr td").css("border-color", "yellow");
_anomDiebolt_'s avatar
_anomDiebolt_
Qrew Elite
7 years ago
>  if I set the background color on the table and the border color for the cell, the background color will be filled for the whole form which I don't want it to be

You just have to qualify which table section you want to modify by providing an appropriate selector:
$("<selector> table.formSection").css("background-color", "yellow");
$("<selector> table.formSection tr td").css("border-color", "yellow");

I don't know what <selector> should be as it would be specific to your form.