I opened a ticket yesterday about the "month view" of the calendar and that it has changed from what it looks like in the user guide page 4 after updating to Calendar Version 2.5 from 2.4.2. Please look at our website http://www.sccorvettes.org Events->Calendar

I was told to clear the cache, which I did, but it still looks bad (compressed) again. Is there any way I can fix this in the style sheet file and make it look "normal again". I have users complaining all day long.

Thanks,

Andy

Hi, Andy,

Did you have any caching server for your website?

Not that I'm aware of, and also I tried it from several PC's in different locations, same result. I cleared the local cache as well and changed the host setting to "no caching". Same result.

Which portion of the CSS file contains the "width of the day field" in the month view? Also as you can see the calendar out of a sudden is not using a 100% of the width. Is there something wrong with the style sheet?

Thanks in advance,

Andy

/* The following control the Calendar Month Style-Look */
.Eventtooltip
{
border-right: #aec8e8 1px solid;
padding-right: 5px;
border-top: #aec8e8 1px solid;
padding-left: 5px;
font-size: 10px;
filter: alpha(opacity=80);
padding-bottom: 5px;
border-left: #aec8e8 1px solid;
width: 200px;
color: #000;
padding-top: 5px;
border-bottom: #aec8e8 1px solid;
font-family: Arial;
background-color: white;
text-align: left;
moz-opacity: 0.8;
}

.Event
{
table-layout: auto;
font-size: 7pt;
width: 100%;
font-family: Verdana;
border-right: #aec8e8 2px solid;
border-bottom: #aec8e8 2px solid;
border-left: #aec8e8 2px solid;
border-top: #aec8e8 2px solid;
background-color: white;
}

.EventTitle, .EventTitle td
{
text-align: center;
font-weight: bold;
font-size: 9pt;
width: 100%;
height: 20px !important;
font-family: Verdana;
}

/* Note use of "!important" to override Inline Style */
.EventNextPrev, .EventNextPrev a:link, .EventNextPrev a, .EventNextPrev a:visited, .EventNextPrev a:hover
{
padding-right: 0.5em;
padding-left: 0.5em;
font-size: 8pt;
padding-bottom: 0px;
padding-top: 2px;
text-decoration: underline;
font-weight: normal;
}

.EventDayHeader
{
font-weight: normal;
font-size: 10pt;
font-family: Verdana;
background-color: #aec8e8;
vertical-align: middle;
height: 20px;
}

.EventDayMouseOVer, .EventDayMouseOVer td
{
background-color: #ffcc66 !important;
}

.EventDay, .EventDay td
{
height: 90px;
font-size: 7pt;
width: 14%;
font-family: Verdana;
border-right: #CCDDEE 1px solid;
border-top: #CCDDEE 1px solid;
border-left: #CCDDEE 1px solid;
border-bottom: #CCDDEE 1px solid;
}
.EventDay a,
.EventDay a:visited,
.EventDay a:hover
{
font-size: 7pt;
color: #4E5D6C !important;
font-family: Verdana;
}
.EventDayScroll
{
text-align: left;
padding-left: 5px;
height: 90px;
overflow:auto;
overflow-x:hidden;
}
.EventOtherMonthDay
{
height: 90px;
width: 14%;
color: #808080;
background-color: #f1f4f4;
}

.EventOtherMonthDay a, .EventOtherMonthDay a:visited, .EventOtherMonthDay a:hover
{
width: 14%;
color: #808080;
background-color: #f1f4f4;
}


.EventWeekendDay
{
width: 14%;
height: 90px;
background-color: whitesmoke;
}

.EventListItem, .EventListItem a, .EventListItem a:visited
{
text-align: left !important;
font-family: verdana,helvetica,arial;
font-size: 9pt;
font-weight: normal;
background-repeat: no-repeat;
color: #0000ff !important;
background-color: transparent !important;
}
.EventListItem a:hover
{
text-decoration: underline;
}

.EventTodayDay
{
font-weight: bold;
color: #0000ff !important;
background-color: beige;
}

/* Note use of "!important" to override Inline Style */
.EventSelectedDay
{
border-right: red 2px solid;
border-top: red 2px solid;
border-left: red 2px solid;
border-bottom: red 2px solid;
}

.EventSelector
{
background-color: #c0c0e0;
}
.EventSelector a,
.EventSelector a:visited,
.EventSelector a:hover
{
color: #0000ff;
text-decoration: none;
}

.EventDay a, .EventTodayDay a, .EventOtherMonthDay a, .EventSelectedDay a
{
display: block;
background-color: #e8eef7;
}

/* The following control the Calendar List View Style-Look */
.ListContainer
{
width: 100%;
}
.ListTable
{
width: 100%;
text-align: left;
vertical-align: top;
}
.ListTitle
{
font-size: 9pt;
font-family: verdana,helvetica,arial;
text-align: left;
vertical-align: top;
padding-left: 0px;
}
.ListDate
{
font-size: 9pt;
font-family: verdana,helvetica,arial;
text-align: left;
vertical-align: top;
}
.ListVenue
{
font-size: 9pt;
font-family: verdana,helvetica,arial;
text-align: left;
vertical-align: top;
font-style: italic;
}
.ListDescription
{
font-size: 8pt;
font-family: verdana,helvetica,arial;
text-align: left;
vertical-align: top;
}
.ListAttachment
{
font-size: 7pt;
font-family: verdana,helvetica,arial;
text-align: left;
vertical-align: top;
font-style: italic;
}
.ListImage
{
font-size: 7pt;
font-family: verdana,helvetica,arial;
text-align: left;
vertical-align: top;
width: 120px;
}
.ListLink
{
font-weight: bold;
font-size: 7pt;
font-family: verdana,helvetica,arial;
text-align: left;
vertical-align: top;
}
.ListHeader
{
font-weight: bold;
font-size: 10pt;
background-color: #aec8e8;
font-family: verdana;
height: 24px;
text-align: left;
width: 100%;
}

.EventLinks, .EventLinks a:link, .EventLinks a, .EventLinks a:visited, .EventLinks a:hover
{
padding-right: 0px;
padding-left: 20px;
font-size: 9pt;
padding-bottom: 0px;
color: #5d7b9d;
padding-top: 0px;
font-family: verdana;
font-weight: normal;
background-image: url(/DesktopModules/EventsCalendar/images/up.gif);
background-repeat: no-repeat;
margin-left: 0px;
margin-right: 25px;
}

/* The following control the Calendar Day View Style-Look */

.dvTime, .dvTime td
{
height: 20px;
white-space: nowrap;
width: 40px;
font-size: 6pt;
font-family: Verdana, Arial;
text-align: right;
vertical-align:top;
border-right: 1px solid;
border-bottom: 0px;
}

.dvTime2, .dvTime2 td
{
height: 20px;
border-right: 1px solid;
border-bottom: 1px dotted;
}

.dvNoEvent, .dvNoEvent td
{
height: 20px;
border-bottom: 1px dotted !important;
}

.dvTable
{
border-collapse:collapse;
border-right: #aec8e8 2px solid;
border-bottom: #aec8e8 2px solid;
border-left: #aec8e8 2px solid;
border-top: #aec8e8 2px solid;
width:100%;
}
.dvTable td
{
}

.dvEvent, .dvEvent td
{
border-right: #ffff00 1px solid;
border-left: #ffff00 1px solid;
background-color: #ccccff;
font-size: 7pt;
font-family: Verdana, Arial;
vertical-align:top;
}

.dvAllDay, .dvAllDay td
{
border-bottom: #aec8e8 2px solid;
font-size: 7pt;
font-family: Verdana, Arial;
padding-bottom: 8px;
padding-top: 8px;
}

/* The following control the Satellite Module Style-Look */

.slEvent
{
table-layout: auto;
font-size: 7pt;
width: 200px;
font-family: Verdana;
border-right: #aec8e8 1px solid;
border-bottom: #aec8e8 1px solid;
border-left: #aec8e8 1px solid;
border-top: #aec8e8 1px solid;
background-color: white;
}
.slTitle, .slTitle td
{
text-align: center;
font-weight: normal;
font-size: 9pt;
width: 100%;
height: 20px !important;
font-family: Verdana;
}

/* Note use of "!important" to override Inline Style */
.slNextPrev, .slNextPrev a:link, .slNextPrev a, .slNextPrev a:visited, .slNextPrev a:hover
{
padding-right: 0.5em;
padding-left: 0.5em;
font-size: 9pt;
padding-bottom: 0px;
padding-top: 2px;
text-decoration: underline;
font-weight: normal;
}

.slDayHeader
{
font-weight: normal;
font-size: 7pt;
font-family: Verdana;
background-color: #aec8e8;
vertical-align: middle;
height: 15px;
}

.slDay, .slDay td
{
height: 28px;
font-size: 7pt;
width: 14%;
font-family: Verdana;
border-right: #CCDDEE 1px solid;
border-top: #CCDDEE 1px solid;
border-left: #CCDDEE 1px solid;
border-bottom: #CCDDEE 1px solid;
vertical-align:middle;
}
.slDay a,
.slDay a:visited,
.slDay a:hover
{
font-size: 7pt;
color: #4E5D6C !important;
font-family: Verdana;
}
.slOtherMonthDay
{
height: 28px;
vertical-align:middle;
background-color: #f1f4f4;
}

.slOtherMonthDay a, .slOtherMonthDay a:visited, .slOtherMonthDay a:hover
{

}


.slWeekendDay
{
background-color: whitesmoke;
vertical-align:middle;
}

.slTodayDay
{
font-weight: bold;
color: #0000ff !important;
background-color: beige;
}

/* Note use of "!important" to override Inline Style */
.slSelectedDay
{
border-right: red 2px solid;
border-top: red 2px solid;
border-left: red 2px solid;
border-bottom: red 2px solid;
background-color: #ff9966 !important;
}

.slSelector
{
background-color: #c0c0e0;
}
.slSelector a,
.slSelector a:visited,
.slSelector a:hover
{
color: #0000ff;
text-decoration: none;
}
.slDayEvent, .slDayEvent td
{
font-weight: bold;
background-color: #ffcc66 !important;
}

/* The following control the tool bar Style-Look */

/* Drop down list on the tool bar */

.EventCategories
{

}
.EventSubCalendars
{

}
.EventDaySelect
{

}
.EventYearSelect
{}

/* Search box */
.EventSearchTxt
{}

The more I think about it the more I feel it is not using the active style sheet at all in this view??

Hi, I found out the problem.

I believe you just upgraded from 2.4.2 or earlier to 2.5.5.

And you customized the css at the Main Settings page.

The reason it is not loading the css is because some of the css classes had been changed for 2.5.5.

To make it work, please do the following:

1. Go to Main Settings from the module menu.

2. Go to Stylesheet at the Main Settings page.

3. Select the Default.css from the list.

4. Click Save to save it in a different name, and modify the stylesheet with this new one.

It will work.

Cool, that worked.

So next time I do an upgrade I basically have to migrate my CSS customizations into the new style file. No problem.

Thanks,

Andy

Andy,

Great!

One more thing you might want to do is to change the template for the new version as well.
http://www.invenmanager.com/Support/tabid/705/aff/2/aft/1121/afv/topic/Default.aspx

In the future version, we will do our best to make such steps effortless for you...

Thanks.