CODEWITHSUNDEEP
jqueryhtmlcssfullcalendarfullcalendar-3
Fran
Fran

Reputation: 103

FullCalendar doesn't load body properly

The problem is basically that fullcalendar doensn't load properly. It works in some browsers but not in others. Example: works in Chrome on Ubuntu but doesn't in Chrome on Windows.

Error:

enter image description here

Working:

enter image description here

Here is some of my code:

$(function(){
    $("#medicalen").fullCalendar({
        allDaySlot: false,
        nowIndicator: true,
        defaultView: 'agendaDay',
        lang: 'es',
        slotLabelFormat: 'H:mm',
        titleFormat: "D MMMM 'YY",
        height: 'parent',
        displayEventTime: false,
        slotLabelInterval: '00:10:00',
        hiddenDays: [0,6],
        events: [{'title': 'JOHNSON CAMILA LUCIA', 'start': '2019-04-29 18:00', 'pac_id': 1345}, {'title': 'PATHEVEN SANTIAGO', 'start': '2019-04-25 12:00', 'pac_id': 4512}, {'title': 'CIARALLE JUAN ESTEBAN', 'start': '2019-04-29 16:00', 'pac_id': 106}],
        slotDuration: '00:10:00',
        defaultTimedEventDuration: '00:10:00',
        views:{
            agenda:{
                minTime: '8:30',
                maxTime: '18:00',
            }
        },
        eventClick: function(event, jsEvent, view){
                          loadhis(event.pac_id);
                    }
    });        
});

I already tried with the render method and it's the same. I don't have any console error or log error. This worked properly 1 month ago. It's been always hosted on PythonAnywhere, made with Flask 1.0 and Python 3.7.

Upvotes: 1

Views: 451

Answers (1)

ADyson
ADyson

Reputation: 62074

If you remove

height: 'parent'

then you'll have no problems.

Since the calendar is not within a fixed-height block, then it will adopt the minimum height of the parent block, and so some of the calendar will not be visible.

Upvotes: 1

Related Questions