Page 1 of 1
Mini Calendar HELP
Posted: Thu Feb 08, 2007 8:38 pm
by carasmo
Hello,
In lieu of spending money on expression engine, I really like CMSMS since I don't have to create stuff from scratch, I'm not a programmer at all.
This is the rough site now:
http://www.dropsoul.com/testCMSMS/
Below the news side bar is down and dirty calendar. What I need the calendar to do is when you click on a link indicating an event that day, the summary and details don't show up in the side bar (replacing the content) but on the event calendar page or in a pop up window or in a div that hides and shows like a pop up window.
What am I missing?
Thanks!
Re: Mini Calendar HELP
Posted: Thu Feb 08, 2007 8:42 pm
by calguy1000
see the help, and use the 'inline' parameter for the calendar module.
Re: Mini Calendar HELP
Posted: Thu Feb 08, 2007 8:43 pm
by carasmo
Never mind. I figured it out:
I put this in my template:
{cms_module module="Calendar" inline="0" summaries="0"}
Later on I'll style the calendar and will put
{cms_module module="Calendar" inline="0" summaries="0" table_id="mini"}
I'll figure that out when the time comes.
Re: Mini Calendar HELP
Posted: Thu Feb 08, 2007 8:43 pm
by carasmo
Thanks!
This is the BEST CMS on the planet!
Re: Mini Calendar HELP
Posted: Fri Feb 23, 2007 7:21 pm
by heatherfeuer
I, too, have a small version of the Calendar in my sidebar. I basically rewrote the Calendar stylesheet from the ground up. Here is the style for the small:
Code: Select all
/*****************************************************
For use with the 'Calendar' template and the following
tag: {cms_module module='Calendar' table_id='small'}
******************************************************/
#small {
margin: 0 auto;
padding: 3px; /* Create some room around the border */
width: 90%;
border-collapse: collapse; /* Prevents double borders around table cells */
border: 1px solid #440062;
background-color: #eddbff;
color: #420060;
}
#small caption {
font-weight: bold;
font-size: 90%;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #420060;
background: transparent;
border: 1px solid #440062;
margin: 0 auto;
padding: 1px;
}
#small th {
border: 1px solid #440062;
font-size: 80%;
background-color: #aa57ff;
color: #fffde8;
padding: 3px;
width: auto;
text-align: center;
}
#small td {
border: 1px solid #440062;
font-size: 80%;
background-color: #eddbff;
color: #420060;
vertical-align: top;
text-align: center;
padding: 1px;
height: auto;
width: auto;
}
#small td a {
text-decoration: underline;
}
#small .calendar-today {
font-weight: bold;
font-size: 80%;
background-color: #aa57ff;
color: #fffde8;
}
/*
We don't want the event to display in the small calendar.
The date number will show a link to the event instead.
*/
#small .calendar-event {
display: none;
}
In my sidebar, where I want the calendar to display, I have the following:
Code: Select all
<!-- Start Calendar -->
<div id="calendar">
{cms_module module='Calendar' table_id='small' first_day_of_week=0}
</div>
You can see how it looks here:
http://ffgf.selfip.org