Booking Calendar
[resolved] Loading message is still visible, when calendar has loaded (5 posts)

  1. TimToo
    Posted 2 years ago #

    using version 4.1.4 of Booking Calendar.
    I am using this code in the availability page template:

    I first show some text: bla bla bla
    then show the calendar:

                        $bookingtype = 1;
                        $calendar_count = 2;
                        do_action('wpdev_bk_add_calendar', $bookingtype, $calendar_count);
    some more text:  bla bla bla
    then show the booking form:
    	<?php  do_action('wpdev_bk_add_form', $bookingtype ); ?>
    it works OK but the loading message saying : "Calendar is loading..."  is showing just before the form ?
    Firefox shows this code:
    <div id="form_id494255589120">
    <form id="booking_form1" class="booking_form" action="" method="post">
    <div id="ajax_respond_insert1"></div>
    <div class="booking_form_div">
    	<div id="calendar_booking1">Calendar is loading...</div>
    	<textarea id="date_booking1" style="display:none;" name="date_booking1" cols="50" rows="3"></textarea>
    <div style="clear:both;height:10px;"></div>
    <div id="booking_form_div1" class="booking_form_div">

    I have used a CSS hack to make it go away, but there is something going on here thats not right?

    CSS hack:

    .booking_form_div #calendar_booking1 {
        visibility: hidden;

    see here:


  2. wpdevelop
    Plugin Author

    Posted 2 years ago #

    Please use instead of that code this code:

    <?php echo do_shortcode("[booking type=1 nummonths=2]"); ?>
  3. TimToo
    Posted 2 years ago #

    Thanks that did cure the problem - But
    I now can't add my custom text between the calendar and the form.

    If there was a short code to show just the calendar and one that showed the form on it's own, it would allow us to do that.

  4. wpdevelop
    Plugin Author

    Posted 2 years ago #

    Unfortunately, in the free version of Booking Calendar is not possible to use the separately the calendar and booking form shortcodes, which have to work together.
    You can configure the booking form as you are need at the any paid version of plugin at the Booking > Settings > Fields page.

    P.S. In the free version, you can only try to insert the special text using the jQuery. You will be need to load this special JavaScript in some of your JS files and use the "insertAfter" or similar command. Please check here. But still we are recommend to use the paid version, where you can easily configure the booking form.

  5. TimToo
    Posted 2 years ago #

    Thanks for the feed back - we are planning on using the paid version on this site, as there are 2 resources.
    It's good to know we can adjust the booking form to suit our design

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Booking Calendar
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic