Fullcalendar.Io: How to Display One Event Per Line in Agendaweek Then Mix All in One

How to display events in basicWeek on more than one line

It is because of this piece of CSS that the title gets wrapped.

.fc-day-grid-event .fc-content {
  white-space: nowrap;
}

Add the CSS below, after fullcalendar.css:

.fc-day-grid-event .fc-content {
  white-space: normal;
}

jsfiddle

Repeating time on fullcalendar event

Add this to your event object

event.dowend = new Date('2016/7/1');

and on eventRender check if date has reach the dowend and if that's true return false, so the calendar wont create the event

eventRender: function(event, element, view) {
        // opens events in a popup window
        element.find('.fc-title').append("<br/>" + event.description);
        element.qtip({ content: "Στοιχεία μαθήματος: " + event.title + "<br/>" + event.description});

        var theDate = event.start
        var endDate = event.dowend;

        if (theDate >= endDate) {
                return false;
           }                                                            
    }

Related Topics