You are viewing limited content. For full access, please sign in.

Question

Table .action padding

Forms

Updated August 25, 2016

asked on August 23, 2016

My Table field has a section that I can target but not get rid of.

As shown in the attached image, I want to make the Notes field larger but doing so forces the other fields in the table to be smaller. There is some padding on the right with the block dotted border that I would like to remove but can't seem do to it.

I can target the section using #qid .action but can't seem to change the size by using width or display properties.

Any ideas?

Padding.PNG (5.73 KB)

| Download

1 0

Answer

SELECTED ANSWER

replied on August 23, 2016

That is a td container that is used to display the delete row "X" button when it becomes available. You can certainly target it and apply CSS styles to it, but note that if you hide it, your users will not see a delete button. To change the width, however, you will need to change the corresponding th element at the head of the table. Something like this should do:

thead th:last-child {width:0px;}

3 0

replied on August 25, 2016

Thanks, that was it. I was targeting the wrong spot.

I gave it a width of 2% and was able to format the Notes field correctly while leaving enough space for the delete "x".

1 0

Question

Question

Table .action padding

Answer

Replies

Sign in to reply to this post.