Mini Calendar HELP

[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!

[calguy1000]

see the help, and use the 'inline' parameter for the calendar module.

[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.

[carasmo]

Thanks!

This is the BEST CMS on the planet!

[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