Customize the items in the list

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

  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: Professional
    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: Standard
    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;
     

Share This Page