• Hello Fabrik Community

    Fabrik is now in the hands of the development team that brought you Fabrik for Joomla 4. We have recently transitioned the Fabrik site over to a new server and are busy trying to clean it up. We have upgraded the site to Joomla 4 and are running the latest version of Fabrik 4. We have also upgraded the Xenforo forum software to the latest version. Many of the widgets you might have been used to on the forum are no longer operational, many abandoned by the developers. We hope to bring back some of the important ones as we have time.

    Exciting times to be sure.

    The Fabrik 4.0 Official release is now available. In addition, the Fabrik codebase is now available in a public repository. See the notices about these in the announcements section

    We wish to shout out a very big Thank You to all of you who have made donations. They have really helped. But we can always use more...wink..wink..

    Also a big Thank You to those of you who have been assisting others in the forum. This takes a very big burden off of us as we work on bugs, the website and the future of Fabrik.

Forcing Field Element/Column width?

bespokeappstt

Hubstaff freelancer
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?
 
You don't give details, so it's hard to give an advice, e.g.
  • Columns group settings
  • Custom list/form/details CSS
  • ...
 
My apologies. The screenshot below shows the contents of the Category being squeezed into two lines because the column Description has to much width.
upload_2021-10-17_21-7-24.png

How do I force the Category column to a fixed width so that for instance the row with 'Rental Process' fits on one line?
 
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.
 
Last edited:
We are in need of some funding.
More details.

Thank you.

Members online

Back
Top