fullcalendar Follow @yiiframework

This extension requires a upgrade.

this extensions have some issue on yii 1.1.13 its not showing calender some css issue.

Hello Thanks for this work, any way to show a photo or print html in the event?

Regards

how to change color for different events?

how can i add multiple events with multiple colors. please help me. i inspire with your work

TIP -- after some issues i found that if you ae supplying data to FullCalendar via a url you have to have the data enclosed in double quotes not single.

This works:

[{"title":"Thomas T","start":"2012-04-16 01:00","end":"2012-04-16 06:00","id":"2145","opID":"3","groupID":"1","allDay":false,"imageurl":"","borderColor":"#7F7F7F","shiftStatus":"1","backgroundColor":"#658ced"},{"title":"Thomas T","start":"2012-04-18 01:00","end":"2012-04-18 08:00","id":"2133","opID":"3","groupID":"1","allDay":false,"imageurl":"","borderColor":"#7F7F7F","shiftStatus":"1","backgroundColor":"#658ced"}]

This Does Not:

[{'title':'Thomas T','start':'2012-04-16 01:00','end':'2012-04-16 06:00','id':'2145','opID':'3','groupID':'1','allDay':false,'imageurl':'','borderColor':'#7F7F7F','shiftStatus':'1','backgroundColor':'#658ced'},{'title':'Thomas T','start':'2012-04-18 01:00','end':'2012-04-18 08:00','id':'2133','opID':'3','groupID':'1','allDay':false,'imageurl':'','borderColor':'#7F7F7F','shiftStatus':'1','backgroundColor':'#658ced'}]

I had to do this in my function that returns my calendar data:

return str_replace("'", '"', CJavaScript::encode($calItems));

Full Calendar can but the params needs to be passed via the event data. check out full calenders site at: http://arshaw.com/fullcalendar/docs/event_data/Event_Object/

There is different css prams that can be passed to the front-end via the json object containing the event data.

EDIT- the version of Full Calendar being used is 1.4.6, you will have to upgrade the assets to 1.5.3 to use the css funciton.

'data'=>array(
                'title'=> 'All Day Event',
                'start'=> date('Y-m-j'),
                'color'=>'#000000',
 
        ),

you can assign the events to hard codes js by doing the following:

'eventClick'=>'js:function(event, eventElement){ 
                                                      alert("hello");
                                                }',

so my full code would look like this:

$this->widget('application.extensions.fullcalendar.FullcalendarGraphWidget', 
    array(
        'data'=>array(
                'title'=> 'All Day Event',
                'start'=> date('Y-m-j'),
                'color'=>'#000000',
 
        ),
        'options'=>array(
            'editable'=>true,
            'defaultView'=>'agendaWeek',
            'eventClick'=>'js:function(event, eventElement){
                                                                            alert("hello");
                                                                        }',
        ),
 
        'htmlOptions'=>array(
               'style'=>'width:800px;margin: 0 auto;'
        ),
    )
);

How can change the color for individual event?

Ok. Found the solution and fixed JS here: http://code.google.com/p/fullcalendar/issues/detail?id=1168 Problem was in jQuery version.

Is Drag and Drop functionality working in this widget? When I try to drag event to another place it returns to its previous one. Then I tried to replace assets to fullcalendar 1.5.2, events now can be dragged but they are not attached to days. They can be dragged but nothing happens, callbacks are not runs.

Well, I couldn't get it to support multiple events without editing a line of the source. In line 20 of FullCalendarGraphWidget I changed

'events'=>array($this->data)

to

'events'=>$this->data

as it seemed to me that the proper consumption should look something like this

    'data' => array(
        array(
            'title' => 'My First Appointment',
            'start' => '2010-10-04',
        ),
        array(
            'title' => 'My Second Appointment',
            'start' => '2010-10-05',
        ),
    ),

Was there another way to get this to work?

Like giobien5 mentioned, when you want to embed some callback functions you will run into problems. This includes just about any javascript function you would use to handle the updating or adding of items in the calendar.

Basically this extension works great if you just want to display a calendar but not use any of FullCalendars ajax functionality to manipulate calendar events.

So this is off to a great start and I will try to update the extension with the extra functionality for everyone to use.

Sharehua, do you think you could start a google code project for this so we can commit changes we make for the community?

How to interact with the calendar (add, remove, update events)?

Thank you for your effort here.