CMS Made Simple Forums

I loaded Calendar 0.6.1 a over a week ago and it worked fine except it the Table layout month to month paging doesn't work with the Clean URL implementatation. Also, it would have been nice to have had a a CSS file downloaded with it. I ended up creating my own style for anyone who is interested. See below. However, I can't seem to figure out how to get the bulleted text in the Day cell to be left aligned in the Table layout. The bulleted text aligns to the midde of the Day cell.

Regards, Jab

/*CALENDAR STYLE*/

/*Calendar List Style*/

#main_cal {
font-family: arial, verdana, sans_sarif, tahoma;
font-size: 8pt;
font-weight: normal;
color: #000000;
}

#main_cal  a:link {font-family: arial, verdana, sans_sarif, tahoma;
font-size: 7pt;
font-weight: normal;
color: #000000;

}

#main_cal p {font-family: arial, verdana, sans_sarif, tahoma;
font-size: 8pt;
font-weight: normal;
color: #000000;
}
.calendar-event {font-family: arial, verdana, sans_sarif, tahoma;
font-size: 8pt;
font-weight: bold;
color: #000000;
}

}
.calendar-event h1 font-family: tahoma;
font-size: 11pt;
font-weight: bold;
color: #000000;

.calendar-event h2 font-family: tahoma;
font-size: 9pt;
font-weight: bold;
color: #000000;
}
.calendar-date-from {font-family: tahoma;
font-size: 8pt;
font-weight: normal;
color: #000000;
}

.calendar-date-title {font-family: tahoma;
font-size: 8pt;
font-weight: bold;
color: #000000;
}

.calendar-summary {font-family: tahoma;
font-size: 8pt;
font-weight: normal;
color: #000000;
}

.calendar-summary-title {font-family: tahoma;
font-size: 8pt;
font-weight: bold;
color: #000000;
}

.calendar-details {font-family: tahoma;
font-size: 8pt;
font-weight: normal;
color: #000000;
}

.calendar-details-title {font-family: tahoma;
font-size: 8pt;
font-weight: bold;
color: #000000;
}

/* Calendar Table Style */

table #main_cal {font-family: tahoma;
font-size: 8pt;
font-weight: normal;
color: #000000;
}

#main_cal th {font-family: tahoma;
font-size: 8pt;
font-weight: bold;
color: #FFFFFF;
background: #5890BC;
}

#main_cal td {font-family: tahoma;
font-size: 8pt;
font-weight: normal;
color: #000000;
width: 75px;
height: 75px;
background: #EDF2F5;
border: 1px #FFFFFF;
vertical-align:top;
align: left;
text-align: left:
}


table.calendar {font-family: tahoma;
font-size: 8pt;
font-weight: normal;
color: #000000;
}

.calendar {font-family: tahoma;
font-size: 8pt;
font-weight: normal;
color: #000000;
}

.calendar-day {font-family: tahoma;
font-size: 7pt;
font-weight: normal;
color: #000000;
background: #EDF2F5;
}

.calendar-day a:link {font-family: tahoma;
font-size: 7pt;
font-weight: normal;
color: #000066;
}

.calendar-day a:visited {font-family: tahoma;
font-size: 7pt;
font-weight: normal;
color: #000066;
}

.calendar-day ul li {font-family: tahoma;
font-size: 7pt;
font-weight: normal;
color: #000066;
}


caption.calendar-month {font-family: tahoma;
font-size: 10pt;
font-weight: bold;
color: #000066;
}


.calendar-prev {font-family: tahoma;
font-size: 12pt;
font-weight: normal;
color: #000000;
}

span.calendar-prev a:link {font-family: tahoma;
font-size: 12pt;
font-weight: normal;
color: #000000;
}

span.calendar-prev a:visited {font-family: tahoma;
font-size: 12pt;
font-weight: normal;
color: #000000;
}

.calendar-next {font-family: tahoma;
font-size: 12pt;
font-weight: normal;
color: #000000;
}

span.calendar-next a:link {font-family: tahoma;
font-size: 12pt;
font-weight: normal;
color: #000000;
}

span.calendar-next a:visited {font-family: tahoma;
font-size: 12pt;
font-weight: normal;
color: #000000;
}



/*END CALENDAR STYLE*/

I have to admit that I haven't tried to do anything with clean urls. I've also included a css sample in the help files for the latest 0.7 version.

I'm not sure what the problem with your bulleted list is though ;( Have you tried playing with margin-left and padding-left on the ul ?

Thanks for the feedback and response. Would I just copy over my 0.6.1 files to upgrade to version 0.7.

I finally figured it out how to move the text up and to the left using "margin-left: 0; and margin-top: 0."

Jab...

This really is a great module.
Can someone show me a dome with a different layout for the calendar?

i cannot get the css to work...how do i apply it to the calendar?  i tried doing table="main_cal" no luck

The tag for the calendar gives you an option to designate the ID. This is the same ID used in the CSS. If you do not indicate an ID, the module will generate one automatically. Therefore, your calendar ID is not "main_cal". You will have to look at the generated page source code to determine what ID was used and change the CSS to reflect this ID, or you can use "main_cal" in your tag so that the ID matches the CSS. See example below.

{cms_module module="Calendar" table_id="main_cal"}

Jab...