Hey Lee,

I was wondering if you have any experience configuring the Core Events module?

I am using version 03.03.07 of the Events module on a DNN install of 04.05.03 and the issue that I'm having is that when I add an events module to the content pane of a page, the calendar is not reaching the edges of the pane. There is white space on either side of the calendar. The Calendar is centered in the pane and takes up approximately 50% of the available space.
I'd like to be able to set this for different events modules. Particularly for parent event modules. For example I have a Main training events calendar and then on other pages I have one for each state in Australia. The main calendar should be really prominant and easy to read but with it being fed by 8 other calendars it gets pretty cramped.

Any ideas on how to modify the appearance without having to resort to code cutting?

Adrian

P.S. Keep up the good work on the site. It's great.

Adrian,

One of the Events Module's settings is Theme/Skins. If you select FixedBlue as the skin, you'll have a calendar that takes up much of the screen width.

While I haven't worked with the Events module, I would imagine that you could create a Theme/Skin that would fill even more of the screen. The Online Help for the Events Module at DotNetNuke doesn't have information about how to skin the module, but you might get some help if you visit the discussion forum

There's also a beta version of a new Events Module, so perhaps a new version is in the offing.

---------------------------
Update:  I looked a little further...

  It appears that the Events "Themes" are controlled by CSS files.  So, you ought to be able to create a new theme by modifying one of the existing CSS files.

I found that if I tweaked this definition for FixedBlue and changed the width and height from 100 to 120, that I could make the calendar "almost" fill the screen width, to the extent that the container allowed.

.EventDay, .EventDay td
{
    font-size: 7pt;
    overflow: hidden;
    width: 150px;
    height: 150px;
    text-align: left;
    vertical-align: top;
    color: #0000ff !important;
    font-family: Verdana;
   
}

If you've followed Lee's tutorial on Troubleshooting DotNetNuke Skins you'll find that it's easy to fiddle with CSS files using the Web Developer Toolbar to test out ideas.