RE: ydn-javascript - Calendar widget example displaying with no background/images

Satyen Desai
2009-04-22T01:54:25+00:00

 
Hi,

Try adding the "yui-skin-sam" class to the BODY element. If you're renderin=
g the Dialog container to document.body, then adding the yui-skin-sam class=
 to an ancestor DIV of the button which pops up the Calendar won't apply th=
e skin correctly (which appears to be what's happening), since the Dialog/C=
alendar are not actually rendered as children of that DIV.

Regards,
Satyen

ing page's content.

Firebug shows no errors and things seem to run OK, but the rendering isn't =
quite right, i.e. the calendar background (off-white) isn't displaying and =
I can see through to my site's native background color.

Saying it another way, it's like the calendar background is transparent. I =
also don't see any navigation arrows or buttons on the calendar.

What I do see are the actual numbers that represent the days of the month o=
verlaying my page as well as the calendar header (month name/year), but no =
calendar background color or calendar buttons/images.

I'm using YUI 2.7.0 and the links to the Yahoo CDN from the config builder =
helper:

<!7.0/build/dragdrop/dragdrop-min.js&2.7.0/build/container/container-min.js">=
</script>

I've added 'class=3D"yui-skin-sam"' to a top level div in my page that's a =
grandparent/ancestor of the button that shows the pop-up calendar.

It appears that the sample code from that example dynamically inserts a div=
 with an id of "cal" somewhere to handle the actual calendar rendering.

The only other thing I knew to do from looking at some other posts was to c=
heck the CSS for the "calnavleft" and "calnavright" image paths and did see=
 something odd:

<thead>
<tr>
<th class=3D"calhead" colspan=3D"7">
<div class=3D"calheader">
<a class=3D"calnavleft" href=3D"#">Previous Month (March 2009)</a>
April 2009
<a class=3D"calnavright" href=3D"#">Next Month (May 2009)</a>
</div>
</th>
</tr>
<tr class=3D"calweekdayrow">
...
</tr>
</thead>

Notice the "#" URI's for the nav classes.

Sorry for the long post.

I'd really appreciate any suggestions or hints.

Thanks, -Eric


Loading


$ This page is proudly powered by www.pubbs.net, you can see more at javascript archive | Partners: ListWare Global Manufacturers