title: fullcalendar won't let me resize an event (cursor doesn't show, i'm doing it wrong)
body: <p>Hi stack trace bug chasers, I'm here to ask for help... I'm on symfony2, with twitter bootstrap and I'm desperately trying to enable resizing of my elements sent to the calendar through JSON by doing the following, I can drag the events, but not resize them... : </p>
  
  <p>Screenshot : <a href="http://nimga.fr/f/oDrdH.png" rel="nofollow">http://nimga.fr/f/oDrdH.png</a></p>
  
  <p>into the controller : </p>
  
  <pre><code>foreach($events as $event) {
  
      $start = $event - &gt; getDate();
      $allDay = ($event - &gt; getLength() &gt;= 8);
      $newevent = array('title' = &gt; $event - &gt; getTask() - &gt; getName(),
          'start' = &gt; $start - &gt; format('Y-m-d H:i:s'),
          'id' = &gt; $event - &gt; getId(),
          'allDay' = &gt; $allDay,
          'end' = &gt; $start - &gt; modify('+'.$event - &gt; getLength().
              ' hour') - &gt; format('Y-m-d H:i:s'));
      $eventsArray[] = $newevent;
  }
  return $this - &gt; render('IntranetTimesheetBundle:Task:displayall.html.twig', array('htmlTree' = &gt; $htmlTree, 'eventlist' = &gt; json_encode($eventsArray)));
  </code></pre>
  
  <p>and in the view : </p>
  
  <pre><code>$('#calendar').fullCalendar({
      droppable: true, // this allows things to be dropped onto the calendar !!!
      weekends: false, // will hide Saturdays and Sundays
      defaultView: 'agendaWeek',
      slotMinutes: 60,
      minTime: 7,
      maxTime: 19,
      events: {
          {
              eventlist | raw
          }
      },
      editable: true,
      resizable: true,
      eventDrop: function (event, dayDelta, minuteDelta, allDay, revertFunc) {
          var DATA = {
              "event_title": event.title,
              "event_id": event.id,
              "event_date": event.start,
              "dayDelta": dayDelta,
              "minuteDelta": minuteDelta,
              "allDay": allDay
          };
          $.ajax({
              type: "POST",
              url: "move",
              data: DATA,
              cache: false,
              success: function (data) {
                  //to do in case of success
              }
          });
      },
      eventResizeStart: function (event, jsEvent, ui, view) {
          console.log('RESIZE START ' + event.title);
  
      },
      eventResizeStop: function (event, jsEvent, ui, view) {
          console.log('RESIZE STOP ' + event.title);
  
      },
      eventResize: function (event, dayDelta, minuteDelta, revertFunc, jsEvent, ui, view) {
          console.log('RESIZE!! ' + event.title);
          console.log(dayDelta + ' days'); //this will give the number of days you extended the event
          console.log(minuteDelta + ' minutes');
  
      }
  })
  </code></pre>
  
  <p>I got jQuery and it's UI and droppable extensions loaded and still no arrow cursor to indicate that i can resize the event. Here is my head with the "dependencies"</p>
  
  <pre><code>&lt;script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://code.jquery.com/ui/1.10.3/jquery-ui.min.js"&gt;&lt;/script&gt;
  &lt;link rel='stylesheet' type='text/css' href="http://arshaw.com/js/fullcalendar-1.6.4/fullcalendar/fullcalendar.css" /&gt;
  &lt;link rel='stylesheet' type='text/css' href="http://cdnjs.cloudflare.com/ajax/libs/fullcalendar/1.6.4/fullcalendar.print.css" /&gt;
  &lt;script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/fullcalendar/1.6.4/fullcalendar.min.js"&gt;&lt;/script&gt;
  </code></pre>