Question

v11 new designer hide lines between hidden rows

Forms Version 11

Updated March 13

asked on March 13 • Show version history

Anyone figure out how to hide the very unsightly lines?

here are the associated field rules:

In plain English, if the values in all the columns are empty hide the row.

This happens for both Range and Fixed options on the table:

Thanks!

0 0

Answer

SELECTED ANSWER

replied on March 13

Hi Christ,

I've had this kind of situation before, and I solved it with this CSS code I'm sharing here. Where you see the table ID, which in my case is q4, change it to the ID of the table you want this code to apply to.

I hope it helps.

/* Completely hide empty rows in the table with ID q4 */
#q4 tbody tr:has(td:empty) {
    display: none !important;
}

/* Ensure table borders do not accumulate */
#q4 {
    border-collapse: collapse;
}

/* Remove unnecessary bottom borders in hidden rows */
#q4 tbody tr {
    border-bottom: none !important;
}

Best regards,

3 0

Replies

replied on March 13

Worked absolutely perfect. Thanks so much!!

1 0

replied on March 13

I'm so grateful it worked for you. It was a pleasure helping you.

1 0

You are not allowed to follow up in this post.

Question

Question

v11 new designer hide lines between hidden rows

Answer

Replies

Sign in to reply to this post.