My favorites | Sign in
Project Home Issues
New issue   Search
for
  Advanced search   Search tips   Subscriptions
Issue 203: ClassName for all-day events
3 people starred this issue and may be notified of changes. Back to list
Status:  ExportedToGithub
Owner:  ----
Closed:  Aug 2015


Sign in to add a comment
 
Reported by cyriacpe...@gmail.com, Nov 21, 2009
Hi Adam,
I am using fullcalendar-1.4.1. I am sending a JSON string from a servlet 
and trying to get fullCalendar to display this in agendaday view with 
start and end times.

The final JSON string fed to FullCal is below:

[ { "title": "testevent1", "allDay": "false", "start": "Sat, 21 Nov 2009 
13:00:00 EST", "end": "Sat, 21 Nov 2009 14:00:00 EST" } ] 

This is a single event on 21-Nov, from 01:00 PM EST to 02:00 PM EST and is 
NOT AN ALL DAY event.

My problem is full cal reads this event as starting as an all day event 
spanning for 2 days, from 21-Nov to 22 Nov. Pls. check the screenshot 
attached so you'll understand what I mean. 

I am not sure what I am doing wrong. Could you pls. help?

I am also attaching the source file that I am using to read these events. 

Thanks,
Cyriac Peter


Full Cal error.jpg
113 KB   View   Download
reasadmin-views.html
1.2 KB   Download
Nov 21, 2009
Project Member #1 adamrs...@gmail.com
"true" should not be a string, rather just a normal javascript true (no quotes)
Nov 23, 2009
#2 cyriacpe...@gmail.com
Thanks a lot Adam. 

There were two issues. 

1) I was passing the allDay boolean value as a quoted string. This is corrected. 

2) This was a data issue. My event time was 1PM EST 21-Nov to 2PM EST 21-Nov. 
Converted to IST, this is from 11:30PM 21-Nov to 12:30AM 22-Nov. Consequently, the 
Month view shows 2 events one on 21-Nov and another on 22-Nov.

I am exploring the tool to see if there is a way to give a different color 
highlighting for events that span allDay compared to other normal events - so that 
the month view itself distinguishes b/w all day events and normal events.

Thanks and regards,
Cyriac 
Nov 27, 2009
Project Member #3 adamrs...@gmail.com
in the future, i might put a special css class on all-day events, but you can achieve
this right now w/ eventRender:

eventRender: function(event, element) {
   if (event.allDay) {
      element.addClass('all-day-event');
   }
}

let me know if this helps
Labels: -Type-Defect -Priority-Medium Type-Enhancement
Nov 27, 2009
Project Member #4 adamrs...@gmail.com
(No comment was entered for this change.)
Summary: className for all-day events
Jan 19, 2010
Project Member #5 adamrs...@gmail.com
(No comment was entered for this change.)
Status: Accepted
Jul 30, 2010
#6 ajaygiri...@gmail.com
eventRender: function(event, element) {
   if (event.allDay) {
      element.addClass('all-day-event');
   }
}

This code does not work.
Aug 25, 2010
Project Member #7 adamrs...@gmail.com
ajaygiri1379, please enter a new issue and follow the instructions on how to include a demo (on Support page)
Aug 13, 2013
Project Member #8 adamrs...@gmail.com
(No comment was entered for this change.)
Summary: ClassName for all-day events (was: className for all-day events)
Labels: -Type-Enhancement Type-Feature
Aug 18, 2013
Project Member #9 adamrs...@gmail.com
 Issue 1397  has been merged into this issue.
Aug 18, 2013
Project Member #10 adamrs...@gmail.com
 Issue 1579  has been merged into this issue.
Aug 21, 2015
Project Member #11 adamrs...@gmail.com
Discussion for this issue has moved to the following URL:
https://github.com/fullcalendar/fullcalendar/issues/474

This is because Google Code is shutting down. Apologies if you are being pestered with these notifications. This is a one-time event.

Happy coding,
Adam
Status: ExportedToGithub
Sign in to add a comment

Powered by Google Project Hosting