eventContent does not render html
Closed this issue · 2 comments
Akhmami commented
I followed the tutorial here but the html is not rendered, here are the screenshots:
//... more option property
eventContent: function(info) {
return info.event.display === 'auto' ?
'<div class="ec-event-time">' + info.timeText + '</div>' +
'<div class="ec-event-title">' + info.event.title + '</div>' +
'<div x-data="{ isOpen: false }" x-on:mouseover="isOpen = true" x-on:mouseleave="isOpen = false">' +
'<div x-show="isOpen" class="absolute z-10 top-0 right-0 p-2 mt-2 bg-white rounded-md shadow-sm">' +
'<p class="text-sm text-gray-700">Popover content here</p>' +
'</div>' +
'</div>' : '';
},
ejindev commented
I think you should add HTML content to object with html key like this
return { html: '<div>your content sample</div>' };