Event Calendar - CSS Classes

This is a forum to suggest new features for mojoPortal. 

This thread is closed to new posts. You must sign in to post in the forums.
8/2/2012 4:40:10 PM
Gravatar
Total Posts 199
Community Expert

mojoPortal Hosting & Design @ i7MEDIA!

Event Calendar - CSS Classes

Hey Joe,

I've been working on a new style for the standard event calendar lately and I've run into some issues that made me resort to weird CSS Selectors to get what I wanted done, so I thought I'd request that you change some selectors and add some selectors to help make things simpler.

Here's my suggestions:
1. I noticed that the previous and next month buttons have classes, but the title between them doesn't. It's easy enough to select, but it would be easier if it had a class - it would also help keep the CSS cleaner.

2. For the Day Headers, can you add a specific class to each day? So the dayheader that says "Sun" would have an extra class like "sun" or "sunday" and so on? This would help us avoid using "mpcalendardayheader + mpcalendardayheader" etc.


3. Can you keep a single class on all of the mpcalendarday boxes? As it is we have "mpcalendarday" and then "mpcalendartoday" and "mpcalendarweekendday" etc. Can't it be "mpcalendarday today", and "mpcalendarday weekend" instead? I understand you'll want to keep the same classes for backwards compatibility with old skins, but adding a single class to all of them as well would help clean up the CSS.

4. Can the day number links (the ones that say 1- 31, what day it is) have a class, or maybe a span around them with a class? This would be extremely helpful for styling purposes, as it would allow for the link to be in a larger box without the whole box being a link.

As always, thanks for all your work on mojoPortal. =]
-Isaac

8/7/2012 10:44:08 AM
Gravatar
Total Posts 18439

Re: Event Calendar - CSS Classes

Hi Isaac,

We are fairly limited in our ability to customize the calendar, it inherits from the asp.net calendar control and most of the rendering is controlled by that and not something we can easily change or customize.

Best,

Joe

 

8/7/2012 4:22:34 PM
Gravatar
Total Posts 199
Community Expert

mojoPortal Hosting & Design @ i7MEDIA!

Re: Event Calendar - CSS Classes

Hey Joe,

That's too bad. I've been able to accomplish everything I needed with CSS anyways, but the styledatacalendar.css file is a huge mess, especially with all the fixes to make things work with the Event Calendar Pro and all the IE specific stuff, haha.

Thanks for looking into it,
-Isaac

9/26/2012 2:44:32 PM
Gravatar
Total Posts 49
TRIAD/Next Level Interactive

Re: Event Calendar - CSS Classes

Joe,

This post sparked a question I have for events that appear in List View.

When an event has a specific start/end time, the time is wrapped in a CSS class: eventtime

But when an event is all day, no CSS class is given to the text "All Day"

What am I missing?

Thanks,
John

2/5/2013 8:50:06 PM
Gravatar
Total Posts 2

Re: Event Calendar - CSS Classes

Does anyone know how to fix the days on a calendar to show only the current month 1-30 or 31 if there are 31 days?  My current view shows part of the previous month and 1-20 of the current month. I need to be able to lock the days to a 30/31 day view.

If I change site templates the calendar displays fine. Is it possible to use a calendar css stylesheet from another theme?

 

 

2/7/2013 10:55:25 AM
Gravatar
Total Posts 18439

Re: Event Calendar - CSS Classes

Which calendar are you asking about? The Event Calendar feature, the Blog? or something else?

You can edit the css or copy a file from a skin you like into your skin. styledatacalendar.css is for the Event Calendar and styleaspcalendar.css is the one for the blog. In the blog it is also possible to make it use the jqueryui datapicker for the calendar.

2/12/2013 7:03:29 AM
Gravatar
Total Posts 2

Re: Event Calendar - CSS Classes

Hi Joe,

Thank you for replying but when I added the style sheet from another skin there was no change to the event calendar. Do you know why that might be happening? Are there any additional steps i need to take?

 

 

2/12/2013 8:22:33 AM
Gravatar
Total Posts 18439

Re: Event Calendar - CSS Classes

After making any changes to css you need to go to Administration > Advanced Tools > Design Tools > Cache Tool and click the button to reset the skin guid. This will make sure all web browsers load the css again instead of using the copy already cached by the web browser.

Hope that helps,

Joe

You must sign in to post in the forums. This thread is closed to new posts.