[SOLVED] Customize the items in the list

[nofc_fro]

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.

 

[cheesegrits]

Works OK for me, so in ...

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

... I have ...

.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

 

[nofc_fro]

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

 

[troester]

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;