PRO: Select field is appearing as “Disabled” with Material Design

  • Resolved lucalago

    (@lucalago)


    3 years, 6 months ago

    After you choose one option of the first select field (dropdown), the next ones for “Time” and “Passengers” appear greyed out (disable like).

    Any ideas why? How can I fix this?
    I am using Contact Form 7 Material Design plugin.

    Note: The Material Design tags within Conditional Fields do not customize some fields apparently – reason why I am using a Material Design plugin…any information on that? Could not find a documentation with all the tag names and how to implement.

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Jules Colle

    (@jules-colle)

    I’m sorry, but the Material Design plugin and Conditional Fields are not 100% compatible. I have spent some time trying to make everything work nicely together in the past, and the most basic functionalities are working, but the moment stuff becomes a bit more complicated it tends to break. The main reason is that the Material Design plugin is developed as an extension of Contact Form 7, but instead of only relying on CSS, it also adds some JavaScript functions that are triggered with certain events. Conditional Fields also operates largely in the JavaScript space, so conflicts are bound to happen. Long story short: I gave up on trying to make both plugins fully compatible and rely on CSS-only designs for all my forms now.

    Thread Starter lucalago

    (@lucalago)

    Hey Jules, thank you very much for your answer.
    Is there any alternative to implement Material Design to Conditional Fields?
    Or maybe a similar CSS solution?

    Can you please share what resources you use to customize your forms?
    Thank you very much!

    I will continue with Conditions Fields and rather delete the Material Design plugin.
    Will customize the form on my own if there is no other resource recommended by you.

    • This reply was modified 3 years, 6 months ago by lucalago.
    Plugin Author Jules Colle

    (@jules-colle)

    I have used understrap for some of my most recent projects. It’s based on bootstrap 4 and includes some out of the box styling for form elements. I’m not sure if I would recommend it anymore, because it’s pretty opinionated, and (personally) I’m starting to grow an aversion for frameworks that rely on npm packages.

    If you have the time to develop a custom theme, you could create your own theme based on the latest version of bootstrap. That would be my approach.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘PRO: Select field is appearing as “Disabled” with Material Design’ is closed to new replies.