Calendar detail page doesn't display styles - Solved!

[heatherfeuer]

I've been having problems getting the Calendar detail page to show correctly when users click on the "more" link in the Upcoming List or clicking on an event title in the large calendar.  Following the suggestion in another thread, I downloaded the latest version of the appropriate files from the SVN repository and now the detail page displays when the more link is clicked.

The problem now is that for some reason, I can't get the detail page to display with the styles in the stylesheet.  I've checked and the stylesheet is correctly attached to the page template.  When I created the page I used the module call:

Code: Select all

{cms_module module='Calendar' display='list' table_id='event-detail' detail='1'}

I'm not sure why, but it seems that the detail page isn't accepting the table id.  I've tried changing the id to something else, but it doesn't make any difference.  Any suggestions?

[heatherfeuer]

I would really, really like some help with this.  No matter what I put on the detail page (and right now, all that's there is  ), the detail text displays, but the only item that picks up the correct css is the event title.  Every other class, although it's in the page's source code correctly, is ignored and the text displays unstyled.  It's driving me nuts!!

Can anyone please help me figure this out?  You can see what I mean at http://ffgf.selfip.org.  If you click on Calendar and then the sub-menu item Upcoming Events, you will see the css styles picked up correctly, but if you click on the "more" link, the event details are unstyled.

Any help very much appreciated!!!!!

[chead]

Looks like the id that's used on the detail page is generated and not what's specified in "table-id". It might be a bug.

You should be able to work around this in by making a special page template for your event detail page. This template is the same as your usual page template, except you'll enclose the {content} block with the correct div, and the styles will apply:

{content}

[heatherfeuer]

chead, blessings upon you!!  That little trick fixed it!  Now I can happily modify the calendar event template and CSS to get the look I want.  And maybe I can get this site launched before spring!