fullcalendar

Looking to use Full Calendar and to include images as events and draggable. In short, would love to see how this example https://fullcalendar.io/js/fullcalendar-3.0.1/demos/external-dragging.html would work with small thumbnails instead of the text "My Event 1, My Event 2" etc. And have that image show up on the calendar. Thanks in advance. Bernardo OS You can add any image url to your eventObject by adding the attribute "imageurl" inside of the events definition (if you just want the image, don't specify a title): events: [ { title : 'event', start : '2016-10-12', end : '2016-10-14', imageurl

I am using fullcalendar in one of my Rails projects to render events on calendar. The jsfiddle shows the scenario. I am able to adjust the width but it does not modify the position of events in the same row next to each other. Is there a callback or method which would adjust the position of events when the width is modified Take a look at this fiddle: http://jsfiddle.net/100thGear/jRFYE/ I used the eventRender callback to alter the offset of the next event(s). Hope this helps and gives you an idea of how to proceed. Why don't you use the className attribute of the event object to set this? You

This seems incredibly easy, but I have spent half a day bashing my head against the wall trying to figure out why my fullcalendar events are showing only at 77px, when the width of the cell(month view) seems to be either 90px or higher. I have tried modifying the fc-event css rule, but it seems like javascript is writing some inline styles into the calendar, overwriting these styles. I can't seem to find out where these styles are getting written! Can anyone who has customized fullcalendar give some insight? It is running as a page on a wordpress blog, not sure if this has anything to do with

I want to send a type in my Event Json Response. Here is my code: $('#calendar').fullCalendar({ eventSources: [ {"id":"46_l","title":"CustomEvent-Chargement","start":"2013-12-02","end":"2013-12-03","className":"customEventsClass","type":1}, {"id":"46_d","title":"Custom Event-Livraison","start":"2013-12-11","end":"2013-12-12","className":"customEventsClass","type":2} ] }); You see I send a type in JSON Response array, is this possible? What parameter can we use for sending our custom data? Try It with events: instead of eventSources: $('#calendar').fullCalendar({ events: [ {"id":"46_l","title":

I'm using Arshaw's FullCalendar and I'm looking to simulate a user clicking on a cell once the page has loaded. I'm trying to do this so I could potentially go to a URL such as /Calendar/AddEvent and the calendar will automatically open a dialog with my add event form in. Take the following set up: ( Fiddle here ) HTML <div> <div id="calendar" data-year="2013" data-month="04" ></div> </div> jQuery $('#calendar').fullCalendar({ firstDay: 1, selectable: true, dayClick: function (start, allDay, jsEvent, view) { alert('You clicked me!'); } }); By default, the cell for today has the class .fc-today

I need to have a calendar in week mode which would take all the width it can take and take all the height it needs to not have scrollbars. If I keep default settings height: auto, aspectRation: 1.35 , I see a vertical scrollbar: If I change aspectRatio to 1, scrollbar disappears but I see a useless empty area at the bottom: Is there any way to fix it except guessing the aspectRatio (which is not a case for me as minTime and maxTime are dynamically changed so the conent height changes)? Edit: Fullcalendar v2.1.1 http://jsfiddle.net/3E8nk/560/ contentHeight: 'auto', Solution for old versions?