Temporary fix for blank box when adding datepicker field

  • I was trying to add the datetime field but I was unable to see the options when I clicked the button because the popup was blank.

    I opened the inspector and noticed the following CSS Style hides the content of the popup.

    .hidden, .js .closed .inside, .js .hide-if-js, .js .wp-core-ui .hide-if-js, .js.wp-core-ui .hide-if-js, .no-js .hide-if-no-js, .no-js .wp-core-ui .hide-if-no-js, .no-js.wp-core-ui .hide-if-no-js {
    display: none;
}

    I changed it to this in the inspector, and voila! It showed the options.

    .hidden, .js .closed .inside, .js .hide-if-js, .js .wp-core-ui .hide-if-js, .js.wp-core-ui .hide-if-js, .no-js .hide-if-no-js, .no-js .wp-core-ui .hide-if-no-js, .no-js.wp-core-ui .hide-if-no-js {
    display: block;
}

    This solves the problem temporarily while you grab the shortcode, if you do it through the code inspector of your browser.

    I hope this helps!

    https://www.ads-software.com/plugins/contact-form-7-datepicker/

Viewing 12 replies - 1 through 12 (of 12 total)

  • Thx, that works. But the problem now is that after filling the form in I can’t insert it :(. Any solutions for this problem?

    I found also that (without needing to change the CSS) you can also activate the datetime picker copying this into your form:
    [datetime datetime date-format:mm/dd/yy time-format:HH:mm]

    You can’t configure it but at least it’s a datetimepicker.

    Thread Starter carlou5

    (@carlou5)

    I believe that you copy the code at the bottom of the window to paste it into your form. It will look like the shortcode on your second reply.

    Thanks for that it worked for me first time but now I can’t re-find the style to change it. I hope they fix this issue properly soon.

    A permanent fix is by adding this to your functions.php file:

    add_action(‘admin_head’, ‘my_custom_css’);

    function my_custom_css() {
    echo ‘<style>
    #wpcf7-tg-pane-datetime.hidden {
    display:block !important;
    }
    </style>’;
    }

    Also, just unchecking the checkbox for display:none; in your inspector will show it.

    Thread Starter carlou5

    (@carlou5)

    Thanks for the permanent fix Pete!

    Hopefully they update the plugin soon

    Thread Starter carlou5

    (@carlou5)

    Yandoos, just right-click and inspect element on the blank box, it should show the css styles that are hiding the content.

    Hi,

    I add the fix in my functions.php and I can now see the panel with the options.
    But it doesn’t take the change I add. The shortcode is still the same basic one.

    @peteincali2103 : where is the checkbox you are talking about ? can’t find it.

    Is there somewhere where we can find the different type of shortcodes that is used in this plugin, to be able to write it ?

    thank you

    Date picker is now built into contact form 7…

    Your welcome ??

    Ah! HTML5 Issues with Safari, FF & IE. (Not so smug now). Apologies.

    Well, as it looks like this plugin is no longer being supported, I just installed: https://www.ads-software.com/plugins/contact-form-7-datepicker-fix/

    With no configuration at all the plugin completely fixed the HTML5 issues CF7’s built in datepicker was having with Safari, FF & IE.

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Temporary fix for blank box when adding datepicker field’ is closed to new replies.