Support Center Visit Demo License manager Buy @ envato

Gravity Forms Datepicker Compatibility

chrismcb6chrismcb6
in BeBuilder

Hello,

BeTheme adds some CSS to the datepicker UI used in Gravity Forms (amongst others) which is causing a display issue.

image.png

This is caused by the below css, which is in be.min.css:

.ui-datepicker .ui-datepicker-title select{
-webkit-appearance: menulist;
}

I don't believe BeTheme natively uses jQuery UI elements and would appreciate a review of the theme overrides to have this removed by default (I already override in my own CSS) and look at the calendar grid below it too.

Some !important statements are in here, which are overriding the modern display: flex from Gravity Forms.

image.png

Tighter integration with Gravity Forms would be brilliant (like an element within BeBuilder to place a form), but in the meantime, avoiding overriding default CSS would be appreciated.

You can review at https://shorturl.at/Lmw55

Thank you!

Comments

  • PhilPhil

    Hi,

    Thanks for reporting. I have passed it on to the dev team.

    Also I suggest replacing your custom CSS with the following one:
.gform-theme-datepicker .ui-datepicker-title select {
  -webkit-appearance: unset;
}

    Best regards

    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • chrismcb6chrismcb6

    Thanks, yes, already in place.

    Integration with GF for things like theme colours plus styles of fields and buttons would be good overall.

Sign In or Register to comment.