17,096
edits
Changes
Jump to navigation
Jump to search
<code> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script></code>
== If the datepicker is not working or you do not have JQueryUI ==
The widget will attempt to self load jqueryUI, if this is not working properly or causing conflicts you can add it to your page after the jquery script.
5. Paste the amended widget code into the HTML of your web site.
=== Hide dates which are not in the month from availability calendar widget ===
<span style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span> '''Required Skills''': HTML, CSS
Add the following CSS to your websites style sheet
<code>.ui-datepicker{display: none;}</code>
= Embedded Iframe or link to your booking page =
*Code to embed your booking page as an Iframe into your web site can be generated under {{#fas:cog}} (SETTINGS) BOOKING PAGE > BOOKING WIDGETS > EMBEDDED IFRAMEGENERATOR
*A link to your booking page can be generated under {{#fas:cog}} (SETTINGS) BOOKING PAGE > BOOKING WIDGETS > LINKS
*An URL linking to your booking page can be generated under {{#fas:cog}} (SETTINGS) BOOKING PAGE >BOOKING WIDGETS > QUICK URL
