Forcing Field Element/Column width?

[bespokeappstt]

How can I force the width of a column/element? I have a 'field' element but it's next to a 'textarea' element. The contents of the text area is squeezing it making the width to narrow. I want to force the width of the 'field' element (column) a little more. Where do I go to do that?

 

[troester]

You don't give details, so it's hard to give an advice, e.g.

• Columns group settings
• Custom list/form/details CSS
• ...

 

[bespokeappstt]

My apologies. The screenshot below shows the contents of the Category being squeezed into two lines because the column Description has to much width.


How do I force the Category column to a fixed width so that for instance the row with 'Rental Process' fits on one line?

 

[juuser]

This seems to be a repeat group rendered as table?

In that case you can add some css into form's custom css file, something like:

th.fabrikrepeattable___elementname {
width: 20%;
}

Or set the fixed width in pixels.

You can check the exact element name with browser inspect tool by right-clicking in table column header and choosing Inspect.


If this is a list, then you can add the "width: 20%;" in element settings -> list settings -> css.