Popup Calendar - Basic
/*margin and padding on body element
can introduce errors in determining
element position and are not recommended;
we turn them off as a foundation for YUI
CSS treatments. */
body {
margin:0;
padding:0;
}
#examplecontainer {height:450px; position:relative}
#show2up { position:absolute; left:5px; top:10px; clear:both}
#show1up { position:absolute; left:5px; top:300px; clear:both}
#cal1Container { display:none; position:absolute; left:5px; top:10px; z-index:2}
#cal2Container { display:none; position:absolute; left:5px; top:300px; z-index:1}
Popup Calendar - Basic
Calendar can be positioned absolutely to make it float above the document. This example shows how to setup a "Popup" Calendar and uses a couple of configuration properties specifically provided for use when the Calendar is floated above other content.
If you're familiar with the YUI Container family, it's worth noting that the Calendar does not extend the Overlay control, but provides a couple of similar configuration properties.