[FullCalendar Reactive] How to enable the "list-item" view in the dayGrid
fullcalendar-reactive
Forge component by André Cabral
Application Type
Reactive

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'

    hour: 'numeric',

    minute: '2-digit',

    meridiem: false,

    hour12: false

},

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

mvp_badge
MVP

Hi,

Have you checked the original/base component to see the options available?

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.