Highlighting a calculated field in a colour

  • Resolved ue13

    (@ue13)


    7 years ago

    Hi. Awesome plugin!

    I was wondering if it is possible to highlight a calculated field depending on the outcome of a calculation? I am using the form to calculate and compare how much it will cost for 2 separate kitchen appliances to run. I thought it would be quite cool if the cheaper appliance could be highlighted in green and the more expensive appliance highlighted in red.

    Is this possible? Take a look at the “Dishwasher” accordion on the page I need help with. At the end of the form it states “purchase price and 10 year running cost” for each of the appliances.

    Thanks so much.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author codepeople

    (@codepeople)

    Hello @ue13,

    If you want customize the appearance of fields, you simply should assign them custom class names, for example: my-field-a and my-field-b

    and define the new styles though the “Customize Form Design” attribute in the “Form Settings” tab (https://www.cff.local/images/documentation/form-settings-tab.png), for example:

    
#fbuilder .my-field-a input{color: green !important;}
#fbuilder .my-field-b input{color: red !important;}

    and that’s all.
    Best regards.

Viewing 1 replies (of 1 total)
  • The topic ‘Highlighting a calculated field in a colour’ is closed to new replies.