UI Tabs howto

I used the field group module to get the horizontal tabs and divide the fields over these various tabs. Originally the demo site was built with the 7.x-2.x version of availability calendars, thus the calendar was not a field. So I used custom code to move the calendar to the correct group and position within the tab. Recently, the demo site has been updated to the 7.x-3.x version of Availability Calendar (field based), making it a piece of cake to position the calendar in the group and position where I wanted it to be.

So no special templating was used at all. Placing the key in the same tab as the calendar and subsequently positioning it absolutely, makes it show in the left column only when the calendar tab is visible (and at the same height, regardless the content above the calendar).

I hope this answers your question.