Hello Community Members,
I am trying to implement Full Calendar forge component with advanced configurations and setting using the documentation provided on Full Calendar Website. I have requirement where I have to show more information into Full Calendar headers wrt to the locations you see in it. These details are saved in Entities respectively.
I have found a way in the documentation to inject content into the headers using advanced config but somehow it doesn't seems to work.
Can someone help me how we can incorporate this feature into OutSystems Reactive Application? I am also attaching the advanced config file that I am using for custom looks for the Full Calendar component.
Regards,
Nikhil Purohit
Hi Nikhill, I would say you should try it this way:
dayHeaderContent: function(arg) {
let italicEl = document.createElement('i')
if (arg.event.extendedProps.isUrgent) {
italicEl.innerHTML = 'urgent event'
} else {
italicEl.innerHTML = 'normal event'
}
let arrayOfDomNodes = [ italicEl ]
return { domNodes: arrayOfDomNodes }
Source: https://fullcalendar.io/docs/content-injection
But if you can give more details of what you are trying to achieve, would be easier to help