PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Date Picker not showing properly

  1. Viktoras
    Member

    Hello,

    I have an issue with DatePicker not showing up properly in my form.

    You can check the form here ( fixed )

    At the bottom ( section: Επιθυμητές ημερομηνίες διεξαγωγής ) there are 6 datepicker fields but none of them seem to load properly, and to be more accurate month/year doesn't show up.

    At first, I thought it was a Javascript error, as my theme was already loading jQuery UI. but i tried disabling, either the first UI call ( from the theme ), either the Gravity UI call, nothing changed.

    Currently the theme is loading a custom UI setup ( without datepicker ) and Gravity just datepicker ( different UI version tho ).

    I also tried to check if there was a CSS mix up, but i must say, even with Firebug, the datepicker selectors are hard to identify.

    Posted 13 years ago on Tuesday November 22, 2011 | Permalink
  2. What issue are you referring to? When I view your form the datepickers work correctly. See this screenshot:

    http://dl.dropbox.com/u/185347/Slingshot/Pictures/Screen%20Shot%202011-11-22%20at%203.17.50%20PM.png

    However, there are some display issues, specifically style issues related to styles being applied to the calendar that appears in the datepicker. The month isn't visible because it's white on white. This appears to be a CSS issue, probably related to CSS your theme or another plugin is outputting to style the jQuery UI datepicker.

    What you need to determine is where these styles are coming from. In order to do this you either need to inspect your theme CSS if that is where you think it is, or if it's a plugin you'd have to determine which plugin and then see what styles are being applied.

    The style issues are coming from CSS outside of Gravity Forms, but because of how CSS inheritance works... it's applying those styles to the datepicker UI.

    Posted 13 years ago on Tuesday November 22, 2011 | Permalink
  3. Viktoras
    Member

    Thanks for the reply Carl. I was hoping it wasn't anything CSS, cause as i mentioned Datepicker gets really hard to debug CSS wise. I'll try to strip down the theme's CSS one by one to figure this out, or i'll just make "sticky" the rules for Datepicker to override any other inherited styling.

    Thanks again :)

    Posted 13 years ago on Wednesday November 23, 2011 | Permalink