FullCalendar2 Fix Header scrolling Body.

FullCalendar2 Fix Header scrolling Body.

  

Hi,
I am implementing FullCalendar2 Scheduler but im getting a problem.
when I Scroll down then header goes up and It is hard to manage event.
you can see in screen shot


I want to Fix the header of Fullcalendar including days.


Can anyone help its urgent.

Quick response will highly be appreciated.



Regards

Ali

Hello Ali

I'm not sure, but I think you can't do it through configuration... You can check Fullcalendar documentation here: https://fullcalendar.io/

But you can try one of the solutions here: https://stackoverflow.com/questions/38478808/how-to-make-fixed-header-in-full-calendar?utm_medium=organic&utm_source=google_rich_qa&utm_campaign=google_rich_qa

I think those type of solutions can lead to other problems, so, you have to be careful on implementing them.

Cheers.

Solution

Hi ali,

Here is the exact solution for what you were required. You just have to access the class hierarchy by going into "inspect Element" and need to have some properties for css class as below:

.fc-timeline .fc-body .fc-scroller

{

 height: 400px  !important;

}

Cheers

Hassan


Solution

Hassan wrote:

Hi ali,

Here is the exact solution for what you were required. You just have to access the class hierarchy by going into "inspect Element" and need to have some properties for css class as below:

.fc-timeline .fc-body .fc-scroller

{

 height: 400px  !important;

}

Cheers

Hassan



It worked for me thanks Osama.