In fullcalendar it is possible to create a dayGrid view with a single week with the following settings

  views: {
    dayGridOneWeek: {
      type: 'dayGrid',
      duration: { weeks: 1 }
    }
  },    

where every day of this week occupies the full height of the calendar and the days of the week placed from left to right.

I would like to rotate/flip this view for a day to occupy the full width and days placed from top to bottom. It's like list view, but the latter lacks day selection by default doesn't display days without events and some other differences that make this variant not suitable

I looked at different "rotate table" solutions involving either code or css, but I'm not sure they can be applied verbatim and since fullcalendar has nested tables, maybe would require additional modifications

UPDATE 1: A visual illustration about the view with the settings above and an approximation what I would like to achieve

Picture 1. This is how a week looks like with a one week DayGrid

Picture 2. This is what I want for it to look like

In fullcalendar it is possible to create a dayGrid view with a single week with the following settings

  views: {
    dayGridOneWeek: {
      type: 'dayGrid',
      duration: { weeks: 1 }
    }
  },    

where every day of this week occupies the full height of the calendar and the days of the week placed from left to right.

I would like to rotate/flip this view for a day to occupy the full width and days placed from top to bottom. It's like list view, but the latter lacks day selection by default doesn't display days without events and some other differences that make this variant not suitable

I looked at different "rotate table" solutions involving either code or css, but I'm not sure they can be applied verbatim and since fullcalendar has nested tables, maybe would require additional modifications

UPDATE 1: A visual illustration about the view with the settings above and an approximation what I would like to achieve

Picture 1. This is how a week looks like with a one week DayGrid

Picture 2. This is what I want for it to look like

• fullcalendar
• css-transforms
• fullcalendar-6

Share Improve this question Follow edited Mar 5 at 9:42 Max Zimm asked Mar 3 at 14:56 Max ZimmMax Zimm 2144 bronze badges

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 1

No, this is not possible in fullCalendar currently (at the time of writing, the current version of fullCalendar is 6). All the dayGrid/timeGrid/list views put the days along the horizontal axis (aside from the month grid, which is a unique case).

You might be able to achieve this by creating your own custom view but I would expect it's probably a lot of work.

You can also check if anyone has requested a similar feature and vote for it, or propose a new one. See fullCalendar's requesting features guidance for details on how to do that.