CSS border for field creates vertical line through all fields

Howdy,

I have the following code class connected to a field in Connect Designer to conditionally create a border around a field, this seemed to work well in the past:

var field;

field = this.record.fields.Field_InventPickingListTrans_SalesQty;

if (field > 1.00)
{
this.css(“background-color”,“#c0c0c0”);
this.css(“border”,“1px solid black”);
}

image

For some reason it is creating a vertical line through all fields in the following example:

image

When I comment out the code in the class the vertical line goes away, along with the field borders.

Has anyone else experienced this?

Thanks!

The solution to this was to apply a code class to the repeating field that just had a dash “-” in it.

Once I did that the vertical line went away. So I’m guessing it was using the css from the field above -ish?

Enjoy!