List views in calendar

How can I use the list views in calendar ? If I select some list view the page turns to white.

There is probably a head change that has not been made when you switched to list view.

If its working but just a white square in Wappler design view, I have the same issue, there seems to be something up with design view css and custom styles not displaying right in the latest update. Rather check it on deploy or publish to see if its working.

I tried to manually enter in “main” but it doesn’t work. Anything else I can do?

To works all options (MOnth, Week, Day, Time Week, Time Day, List year, List Month, List Day)

I have included the following scripts and css :

<pre>
<link rel="stylesheet" href="https://unpkg.com/@fullcalendar/core@4.4.2/main.css" />
  <link rel="stylesheet" href="https://unpkg.com/@fullcalendar/daygrid@4.4.2/main.css" />
  <link rel="stylesheet" href="https://unpkg.com/@fullcalendar/timegrid@4.4.2/main.css" />
  <link rel="stylesheet" href="https://unpkg.com/@fullcalendar/timeline@4.4.2/main.css" />
  <link rel="stylesheet" href="https://unpkg.com/@fullcalendar/resource-timeline@4.4.2/main.css" />
  <link rel="stylesheet" href="https://unpkg.com/@fullcalendar/list@4.4.2/main.css" />
  <script src="https://unpkg.com/@fullcalendar/core@4.4.2/main.min.js"></script>
  <script src="https://unpkg.com/@fullcalendar/list@4.4.2/main.min.js"></script>
  <script src="https://unpkg.com/@fullcalendar/core@4.4.2/locales-all.min.js"></script>
  <script src="https://unpkg.com/@fullcalendar/interaction@4.4.2/main.min.js"></script>
  <script src="https://unpkg.com/@fullcalendar/daygrid@4.4.2/main.min.js"></script>
  <script src="https://unpkg.com/@fullcalendar/timegrid@4.4.2/main.min.js"></script>

</pre>

Happy it is working now.

1 Like

Do you know how I can change duration of period in day time? For example from 60 to 45 minutes.

thanks

You can feed an event a start time and an end time which will automatically make the duration of the event even 5 minutes if you want