1. Fabrik 3.8.1 has been released. It is mostly bug fixes and feature enhancements, but does include two new plugins (push notifications, and the sequence element). As usual we strongly recommend testing the new release on a sandbox if your application is mission critical, and always do an Akeeba backup before updating.
    Dismiss Notice

[SOLVED] Customize the items in the list

Discussion in 'Professional Support' started by nofc_fro, Aug 3, 2018.

Thread Status:
Not open for further replies.
  1. nofc_fro

    nofc_fro Member

    Level: Professional
    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.
     
  2. cheesegrits

    cheesegrits Support Gopher Staff Member

    Level: Community
    Works OK for me, so in ...

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

    ... I have ...

    Code (Text):

    .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
     
  3. nofc_fro

    nofc_fro Member

    Level: Professional
    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 ...
    }
     
  4. troester

    troester Well-Known Member Staff Member

    Level: Community
    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;
     
Thread Status:
Not open for further replies.

Share This Page