How to open booking form in popup (modal window) ?

You can use the code like this for opening your booking form in popup (modal window):

<a href="javascript:void(0)" onclick="javascript:jQuery('.bookingFormModal').modal('show');" class="btn button">Booking form in popup window</a> </p>
<div class="wpdevelop">
<div class="modal bookingFormModal" tabindex="-1" role="dialog" style="display:none;z-index:9999999;">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button></p>
<h4 class="modal-title">Booking Form</h4>
</div>
<div class="modal-body"> [booking type=1]</div>
</div>
</div>
</div>
</div>
<style type="text/css"> .wpdevelop .modal { overflow-y: scroll; } </style>
<p>

where [booking type=1] - shortcode for your booking form.
Probably additionally you will be need to customize some CSS classes and CSS styles relative to your actual theme.


In old versions of Booking Calendar (prior update 7.0 ) please use this code:
<a class="btn button">Booking form in popup window</a></p>
<div class="wpdevbk">
<div class="modal bookingFormModal" style="display: none; width: 700px !important; height: 1000px !important;">
<div class="modal-header">
<a class="close" data-dismiss="modal">& #10006;</a></p>
<h3 style="margin-top: -27px;">Booking Form</h3>
</div>
<div class="modal-body">[booking type=4 nummonths=2]</div>
</div>
</div>
<p>

where [booking type=4 nummonths=2] - shortcode for your booking form.
Probably additionally you will be need to customize some CSS classes and CSS styles relative to your actual theme.