Gravity Forms Datepicker Compatibility

chrismcb6 · June 26

Hello,

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

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.

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!

Phil · June 27

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

chrismcb6 · June 27

Thanks, yes, already in place.

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

Gravity Forms Datepicker Compatibility

Comments

This website uses cookies