Troubleshooting

The calendar needs a minimal width space to display correctly. Unlike a word processor, the web browser knows nothing about hyphenation and can't break a word if it's too long to fit in a cell; it is actually the cell that grows larger to fit the word.

The words come from the calendar’s data, thus it may be difficult to find the most appropriate width. Where Meet Jean will fit easily, a lengthy entry like Dinner with Antitransubstantiationalists may create a display problem: the entire calendar column will grow larger and the whole table may show weird borders, misaligned or overflowing text. To make the matter even worse, this behavior may vary among platforms and browsers.

Most RapidWeaver themes offer several width options, fixed or variable, which should give good results. But there are a few themes where the “contents” area is so narrow that it is hard to display a calendar and get good results without resorting to complicated additions to the CSS. Fortunately, with most of the themes, there is no problem at all.

If your site’s theme has trouble to display the calendar correctly, try the following changes:

• Make the width larger or variable. Open RapidWeaver’s Theme Inspector palette and see if your theme offers such an option, which will probably be enough to fix the problem.
• Consider hiding the week numbers and save that first column space doing so.
• Select the Use short weekday names option to save space, especially in languages that use lengthy words for day names.

If the above is not enough to make the calendar fit in your theme, you can do some changes to the CSS at several levels. The diagnosis will vary among the themes, depending on the available width, font size, browser settings and visitor’s platform. It is sometimes difficult to obtain a fully perfect result on Internet Explorer for Windows, IE having a way to render the styles differently.

For example, the events list within a day is built with a ul html element containing li elements. If the li element applies to the whole day, it belongs to the “.allDay” class (see in Themes & CSS the styles defined by RapidCal and what they are used for). By default, the ul element is in display: inline mode, which works better with most themes. But in some cases display: block proves more appropriate. To change it, simply insert the following style in Custom CSS field (in Calendar Style):

.rapidCal ul {
    display: block;
}

This single addition will help your calendar look better in Internet Explorer for Windows, but may create problems with events positions in certain themes seen from Safari and Firefox (they will be immediately apparent in RapidWeaver's Preview).

If you still have problems with your theme, try asking questions in the RapidWeaver Support forum, where you’ll find other users of RapidCal that may help you. We try to reply there too as far as possible. See also in RapidWeaver’s Help menu.