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

Question

Question

Forms Lengthy Table Handling

Forms
Updated February 18, 2016
asked on February 18, 2016 • Show version history

Can anyone provide me a fairly simple solution for making my form better handle a lengthy table. I have already increased the width of the form, but it is about as wide as possible and my fields are not legible because they have to be so small to fit. Can I add some type of CSS to allow the table to scroll over or something? I need to have 20-25 legible fields and some field titles are lengthy lending to more complications with the format adjustments.

Thanks!

0 0

Answer

SELECTED ANSWER
replied on February 18, 2016

I would say you're looking for some combination of setting a fixed width on your columns, along with allowing the container to support an overflow in the x direction. I created a table and added the CSS class "WideTable" to it. Then in the CSS section, I added the following:

.WideTable.cf-table-block {overflow-x:auto; overflow-y:hidden;}
.WideTable th, .WideTable.cf-table th.col0, .WideTable td {width:200px}

If you need the columns to be individually sized, you would have to give them explicit widths.

1 0

Replies

You are not allowed to reply in this post.
You are not allowed to follow up in this post.

Sign in to reply to this post.

Details
Related Posts
Loading ...