The MU forums have moved to

New Plugin: Availability Calendar and booking management (11 posts)

  1. cafespain
    Posted 16 years ago #

    Hi, I've just released my first plugin. It is the first of a group of plugins in development to add property management functionality to Wordpress.

    This first plugin provides Booking management capabilities and a customisable Availability calendar and is aimed at rental property owners who use Wordpress to promote their property, and currently use an external availability calendar.

    Though I'm sure it could be put to other uses....

    It works on Wordpress v2+ and Wordpress MU.

    The URL of the release is here:

    Installation and operating instructions are here:

  2. andrea_r
    Posted 16 years ago #

    I don't curently have a use for it, but it's a very cool idea. :)

    I bet it could also be used for booking talent.

  3. cafespain
    Posted 16 years ago #

    Version 0.2a of this plugin is now available and includes Public and Private calendar feeds in RSS and iCal formats.
    Release URL is:

  4. suleiman
    Posted 16 years ago #

    that's hot stuff dude. Thanks alot for the doodads.

  5. cafespain
    Posted 15 years ago #

    Hi all.
    For those with earlier versions of this plugin. I've just released version 0.4a, and a linked Availability Calendar widget.
    This version introduces a lot of bug fixes and improvements, so if you are using an earlier version then please upgrade.
    Download and upgrade/installation instructions can be found here:
    and here:

    I've tested it on the current version of Wordpress and the Wordpress MU version i have installed at I would appreciate it if anyone using this plugin can let me know if they have any problems with any MU versions.

  6. lunabyte
    Posted 15 years ago #

    Can't say I'm using it, but I might in the very near future.

    You said iCal... Makes you all right in my books. ;)

  7. Ovidiu
    Posted 15 years ago #

    hello cafespain,

    I am trying to get your plugin running, and style my calendar like the one you give as an example here:

    It seems I am too stupid, I just do not know which CSS code to copy from your site. Could you give more detailed instructions?

    I tried copying this:

    style type="text/css"> #calendar {position:relative; width:350px; height:306px; border:1px solid #000; background:#fff; margin:0 auto;} #calendar h2 {position:absolute; width:240px; left:110px; top:150px; text-align:center; font-size:2em;} #year a {text-decoration:none; color:#000;} #year {padding:10px 0 0 0; margin:0; list-style-type:none; width:110px;} #year li {display:block; width:100px; height:17px; line-height:17px; padding-left:0px; background:transparent;} #year table {border-collapse:collapse; width:240px; height:270px;} #year table td {height:33px; width:35px; text-align:center; line-height:33px;} #year table tfoot td{width:240px; background:#919f67; height:46px;} #year table caption {color:#707a6a; height:32px; line-height:32px; padding:0; margin:0; background:#e1e5a6; font-size:1.5em;} #year table thead th {text-align:center; background:#6d8666; color:#fff; height: 20px;} #year li table {display:none;} #year li:hover {cursor:default; background:#7092bf; color:#fff;} #year li:hover table {display:block; position:absolute; left:110px; top:0; background:#7092bf;} #year td a {display:block; border:1px solid #000; margin:-1px; color:#fff;} #year td a:hover {display:block; background:#fff; color:#000;} #year td.booked { background: #FF0000;} </style> <!--[if lte IE 6]> <style type="text/css"> #year {padding-top:10px;} #year li table {display:block;} #year li table tfoot td {height:44px;} #year li {width:110px; float:left; padding:0;} #year li a {display:block; width:100px; height:17px; line-height:17px; background:#fff; overflow:hidden; padding-left:5px; background:transparent;} #year li a:hover {display:block; height:17px; overflow:visible; background:#7092bf; padding-left:0px; color:#fff;} #year li a:hover table {position:absolute; top:0; left:110px; background:#7092bf;} #year li a:hover table a {height:100%; width:100%; text-align:center; line-height:33px; text-align:center; padding:0; border:1px solid #000; margin:-1px;} #year li a:hover table a:hover {background:#fff; color:#000;} </style> <![endif]--> into my templates style.css but it did not work out.

    can you gime more detailed isntructions? do you need an url? and of course I made the other modifications you told us to make on the instructions site, its just about the css...

  8. cafespain
    Posted 15 years ago #

    The styles are here:
    Click view source and you should see all of the style sheet information layed out a lot neater than I pasted into the sample calendar page.
    If that doesn't help, then let me know and I'll see if I can help out some more.

  9. Ovidiu
    Posted 15 years ago #

    I don't know what I am doing wrong, here is the result after doing what you suggested on the sample calendar page and using the sample css:

  10. cafespain
    Posted 15 years ago #

    There is something definitely wrong with the CSS you are using.
    I saved the page you linked to on my computer and pasted the style from my page directly in and it looks ok.
    Pop me and email at barry [at] clearskys [dot] net and I'll email the changed file to you and a list of the changes I did.

  11. Ovidiu
    Posted 15 years ago #

    thx for helping me out by email, still some more questions:

    regarding IE 7 => hover does not work:

    in IE 6 works but still there is some error somewhere, as it displays a "#" on top of the page in both IE 6 + 7

    can you have a look whats wrong?

About this Topic

  • Started 16 years ago by cafespain
  • Latest reply from Ovidiu