Calendar - List Views not showing

[bpj]

Wappler Version : 5.1.4
Operating System : Mac M1
Server Model: Mobile App
Database Type:
Hosting Type:

When any of the List Views are selected in the calendar component, they don’t show on the rendered page:

This is the calendar component on the page (the data source within returns events as you can see for Oct 8 above)

<dmx-calendar id="cal_fixtures" views="dayGridMonth,dayGridWeek,dayGridDay,listMonth,listWeek,listDay" views-options:day-grid-month="{buttonText:'M'}" views-options:day-grid-week="{buttonText:'W'}" views-options:day-grid-day="{buttonText:'D'}" views-options:list-month="{buttonText:'LM'}" views-options:list-week="{buttonText:'LW'}" views-options:list-day="{buttonText:'LD'}" no-fixed-week-count="true" view="dayGridMonth">

These are the items added to the head page (no list):

	<script src="https://unpkg.com/@fullcalendar/core@4.4.2/main.min.js" defer></script>
	<script src="https://unpkg.com/@fullcalendar/google-calendar@4.4.2/main.min.js" defer></script>
	<link rel="stylesheet" href="https://unpkg.com/@fullcalendar/core@4.4.2/main.min.css" />
	<script src="https://unpkg.com/@fullcalendar/core@4.4.2/locales-all.min.js" defer></script>
	<script src="dmxAppConnect/dmxCalendar/dmxCalendar.js" defer></script>
	<script src="https://unpkg.com/@fullcalendar/interaction@4.4.2/main.min.js" defer></script>
	<script src="https://unpkg.com/@fullcalendar/daygrid@4.4.2/main.min.js" defer></script>

I found a thread (FullCalendar error when switching from daygrid to timegrid) that suggested adding the list css and js manually to the head but that just produces and console error and the whole calendar doesn’t show:

[stormvision]

Remove the “defer” in your first line …

<script src="https://unpkg.com/@fullcalendar/core@4.4.2/main.min.js" defer></script>

…so that it looks like:

<script src="https://unpkg.com/@fullcalendar/core@4.4.2/main.min.js"></script>

Then it should work.

[bpj]

Thanks @stormvision but unfortunately Wappler adds the defer attribute back in on save…
@george could you (or one of the team) please look into this?

Just to be clear, it is both the defer attribute causing problems but the script/css links for things like list views aren’t being added automatically either.

[stormvision]

Yes, I forgot to address this issue in my post (but did it in Calendar not show after update).
It should be fixed by the Wappler team and my workaround until then is to save the js file with an external editor.

[bpj]

I appreciate it works here and there, but this is an actively developed project and I can’t afford the time to have to manually open the file in an external editor every time I hit save.

I do really appreciate the response, though

[stormvision]

Yes, I don’t like the solution, too. (but unfortunately there’s no other way for me at the moment).

[bpj]

Bump - having to edit files outside of Wappler is not a suitable workaround!

[George]

You don’t have to edit any files outside Wappler and also don’t have to remove any defer attributes.

Just make sure that the list view include us added in your head page head and is at the end.

Maybe switch view to default and back, and make sure you are using the latest Wappler.

[bpj]

Please try it. Add a calendar component to a content page and try to show it as a list.

[bpj]

@george just in case it is specific to Cordova - I’ve been using it recently on a Cordova app. Add the calendar, add list view - the includes for the list view aren’t added to the head page and even if added manually something goes wrong without removing the defer attribute on the core full calendar bit

[George]

Maybe try with the newest App Connect from the latest Wappler 5.2.1

We have improved there a bit the loading order in mobile aaps, see if that will make a difference.

[bpj]

I’m not able to test 5.2.1 for a couple of days but its not just the ordering of resources…

Did you add the includes for modules like list view to the includes? Selecting them in the calendar’s options didn’t add the necessary lines to the head of the layout page previously

[bpj]

@bpj

Did you add the includes for modules like list view to the includes? Selecting them in the calendar’s options didn’t add the necessary lines to the head of the layout page previously

@george?

[George]

Tge list view includes are added on demand when you choose to use the view in the options. Those are also added to the layout page if used.

[bpj]

Did it change in 5.2.1? (which I can’t update to until the option to keep date behaviours the same has been added) As of 5.2.0 the includes for list views were not being added and I didn’t see anything in the release notes to fix it…

Create a simple page and added calendar. This is the head of the layout:

Added listMonth (or any all list options) to the calendar through the UI on a content page:

Resaved the content page and the head is unaffected (no list js/css files):

[stormvision]

For me the Update to 5.2.1 doesn’t make any difference (btw: I’m also working with Cordova).
The “defer” is always automatically added and the calendars and lists don’t work. When I remove it (with an external editor save), everything is fine again.

[Teodor]

Fixed in Wappler 5.2.2