calendarxp
Site Admin
Joined: 30 Jan 2005
Posts: 409
|
 Posted: Thu Jun 09, 2005 10:51 pm Post subject: How to make the calendar background transparent? |
 |
|
If you would like to have the calendar panel blend into your web page, you may want to make the background transparent. It's very possible, but currently only supported by IE6+.
To enable the transparency, you need to enable the allowtransparency property of the calendar iframe tag. e.g.
| Code: | <iframe allowtransparency="true" width=156 height=133 name="[2002,12]:msmall:agenda.js:gfFlat_s:plugins_s.js" id="[2002,12]:msmall:agenda.js:gfFlat_s:plugins_s.js" src="MockupSibling/iflateng.htm" scrolling="no" frameborder="0">
</iframe> |
Then, you just set the gcCalBG option in theme-name.js (i.e. msmall.js) to "transparent" - this will make the outer panel transparent. e.g.
| Code: | | var gcCalBG="transparent"; |
You can even go further to make each calendar cell transparent by setting the gcCalFrame and gcCellBG to empty string "". e.g.
| Code: | var gcCalFrame="";
var gcCellBG=""; |
Same can be done to make any agenda date transparent by setting its background color to emptry string "".
However, do note that there is a hierarchy when setting the transparency - you have to make gcCalBG and gcCalFrame transparent before you can make calendar cell transparent to your page, otherwise it's just transparent to the direct underlying layer.
_________________
Copyright 2003-2011 Idemfactor Solutions, Inc. All rights reserved. |
|
FAQ
Search
Register
Profile
Log in to check your private messages
Log in
