I have tried various options but i am unable to get the events listed in the 'list-item' view.
I tried adding eventDisplay: 'list-item' to the below given Advanced Options
"header: {
left: 'prev,next today',
center: 'title',
right: 'dayGridMonth,timeGridWeek,timeGridDay'
},
theme: false,
firstDay: 0,
isRTL: false,
height: 'auto',
dayMaxEvents: 2,
dayMaxEventRows: 2,
contentHeight:'auto',
aspectRatio:'2',
eventLimit: 2,
defaultView:'dayGridMonth',
allDayText:'all-day',
timeFormat: 'H(:mm)',
slotLabelFormat: { // like '14:30'
hour: 'numeric',
minute: '2-digit',
meridiem: false,
hour12: false
eventTimeFormat: { // like '14:30'
slotDuration:'00:30:00',
snapDuration:'00:30:00',
scrollTime:'06:00:00',
minTime:'00:00:00',
maxTime:'24:00:00',
slotEventOverlap:true,
buttonText: {
today: 'Today',
month: 'Month',
week: 'Week',
day: 'Day'
monthNames:['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
monthNamesShort:['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
dayNames:['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
dayNamesShort:['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
selectable:true,
selectHelper: true,
allDayDefault:false,
editable: true,
Please assist to have events listed like this. Thank you
I did not understand. Makes a print screen of the issue.
The Events listed in the dayGridMonth view is always displayed in block view as given below
but I want it to be displayed in list view with the round dot in front.
as per the documentation given in https://fullcalendar.io/docs/eventDisplay , I tried adding eventDisplay: 'list-item' to the below given Advanced Options
but its still not seems to be working.
Finally Figured out that the "list-item" view is a feature in latest version v5 of fullcalendar.
The version of fullcalendar in the reactive component is version v3.
Version v5 has more than these 2 options.
Much good.... I downloaded v5 but i wasn't able to data to fullcalendar.
Hi Kavinilammurugu,
Actually, we have Full Calendar version 4. We are planning on making an update, but we don't have dates for its release for now.
Regarding this, if you want to have that kind of style for all events, you can just customize de CSS of the event. I think that would do the trick while not having version 5 available.
Cheers!
Any updates on this issue?
I'm also trying to have both type of events displayed on the calendar, as shown on FullCalendar.io/demos but without success.
Even forcing the list-item event display on the calendar AdvancedOptions with the description set to neverShow it's not working.
Hi Mário,
It's not going to work, since eventDisplay is only for version 5, and Full Calendar Reactive is currently in version 4.
We are planning on updating the component, but we don't have dates yet.