1. Fabrik 3.9 has been released. If you have updated Joomla to 3.9, this is a required update.
    Dismiss Notice

Styling cell background color based on dd value

Discussion in 'Community' started by Maud67, Nov 10, 2019.

  1. Maud67

    Maud67 New Member

    Level: Community

    I followed two different threats for styling cell background color based on value.
    The funny thing is that I got it working in the backend but not in the frontend.

    I tried several things but I ran out of options.

    Does somebody have a tip for me?
  2. cheesegrits

    cheesegrits Support Gopher Staff Member

    Level: Community
    Use dev tools in your browser, and "inspect" the list, see what classes are being assigned to each row. See if there's any obvious difference between front and back end.

    What does your custom CSS look like?

    -- hugh
  3. Maud67

    Maud67 New Member

    Level: Community
    Hi Hugh,

    Thanks for responding.

    I just set up a new installation (Akeeba and Fabrik only), Protostar.
    I checked out the classes and this is the class that I found:
    fabrik_row oddRow1

    This is the css code that works in the backend and still not in the frontend:

    .runda1 .runda {
    background-color: green !important;
    .runda2 .runda {
    background-color: blue !important;
    .runda3 .runda {
    background-color: red !important;

    Element name is "runda".
    Class is set on "runda" too.
    Dropdown values are:
    -, 1, 2 and 3

    I tried to use the "fabrik_row oddRow1" class but no luck.

    Maybe you can give some direction?

    This is the last functionality I have to add and my application is ready.

    So, thanks a lot in advance!
  4. Maud67

    Maud67 New Member

    Level: Community
    Hi Hugh,

    I just found out that it is a custom template for a horizontal scroller that causes this problem.

    I put the above code in the template css and it works!

    Thanks and sorry to bother you!

Share This Page