This extension is fullCalendar
Documentation ¶
Requirements ¶
- Yii 1.0 or above
Installation ¶
- Extract the release file under
protected/extensions
Usage ¶
See the following code example:
$this->widget('application.extensions.fullcalendar.FullcalendarGraphWidget',
array(
'data'=>array(
'title'=> 'All Day Event',
'start'=> date('Y-m-j')
),
'options'=>array(
'editable'=>true,
),
'htmlOptions'=>array(
'style'=>'width:800px;margin: 0 auto;'
),
)
);
Change Log ¶
June 20, 2010 ¶
- Initial release.
multiple event issue
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?
Works great until you want to embed callback functions
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?
documentation
How to interact with the calendar (add, remove, update events)?
Works really well.
Thank you for your effort here.
Drag and Drop not working
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.
Drag and Drop
Ok. Found the solution and fixed JS here: http://code.google.com/p/fullcalendar/issues/detail?id=1168
Problem was in jQuery version.
Event colors
How can change the color for individual event?
re: Event colors
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;' ), ) );
event data tip...
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));
add multiple events with different colrs
how can i add multiple events with multiple colors. please help me. i inspire with your work
how to change color for different events
how to change color for different events?
Show HTML
Hello Thanks for this work, any way to show a photo or print html in the event?
Regards
hi friends
this extensions have some issue on yii 1.1.13 its not showing calender some css issue.
Need upgrade
This extension requires a upgrade.
How to give Red Colour on Sunday ??
hello guyz i've one problem i want to add colour on every sundays and second and fourth Saturday plz help me
Html format for event title
How can I change the html format events title? for example I want to bold, italic or may be putting a line break. Please help....
updated version available
http://www.yiiframework.com/extension/efullcalendar/
Jquery error on call fullcalender
Hi
How can I get rid of following error
Uncaught TypeError: Cannot read property 'length' of undefined at Function.each (jquery.js:583) at Function.t.widget (jquery-ui.min.js:6) at jquery-ui.min.js:6 at jquery-ui.min.js:6 at jquery-ui.min.js:6
Next Previous buttons are not working
i am loading event from google clanader. its loading events fine on page load, but when i try to see the next month event or previous month events. its not loading events.
doing nothing. no error no warrnning ,
Needs Help
If you have any questions, please ask in the forum instead.
Signup or Login in order to comment.