• 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.

[SOLVED] Customize the items in the list

Status
Not open for further replies.

nofc_fro

Member
Hi,
I've used the default CSS classes to increase or decrease the width of the fields in the forms and filters, but I can not change the width of the columns in the list.
 
Works OK for me, so in ...

components/com_fabrik/views/list/tmpl/bootstrap/custom_css.php

... I have ...

Code:
.fab_main_test___yes_no {
   width: 150px;
}

... within the begin/end comments, and it correctly sets the width of that element's column.

Can you point us at the page for that list?

-- hugh
 
Hi,
I use Fabrik without changes, so I use the default bootstrap css. The "custom_css.php" file does not exist, but there is "template_css.php".

In Joomla's backend I go to "Elements" -> "ID" (e.g.) -> List view settings-> CSS.
Heading class: my-id-th
Cell class: my-id-td

From the css of the template (or in the template_css.php) I use:
.my-id-th {
background-color: green; -> and it works
width: 500px; -> and it does not work ...
}
 
CSS changes should be made in custom_css.php (rename custom_css_example.php and adapt).
Modifications in template_css.php will be overriden by the next update.

You must set th and td and I think if you don't have table-layout:fixed; you must set max-width:500px;
 
Status
Not open for further replies.
We are in need of some funding.
More details.

Thank you.

Members online

Back
Top