Footer template is not showing

[Satyajit Mondal]

I am using react scheduler and used the quickInfoTemplates to customize the view of the popup. Unfortunately the footer template is not appearing when clicking on any existing schedule that is there in the calendar. But it is coming perfectly when there is no schedule. Let say, I have record in 28th March and when I am clicking on that record, its shows the header, content but without footer. But when I click on the empty schedule, it shows the footer. See the below example:

const footerTemplate = () => { return

Hello world

}

<ScheduleComponent

ref={scheduleObj}

id='schedule'

height='550px'

selectedDate={newDate()}

eventSettings={{dataSource:dataSource}}

views={['Day','Week','Month']}

currentView='Month'

actionBegin={actionBegin}

actionComplete={actionComplete}

renderCell={onRenderCell}

quickInfoTemplates={{

header:headerTemplate,

content:contentTemplate,

footer:footerTemplate

}}

popupOpen={onPopupOpen}

>

<Injectservices={[Day,Week,Month]}/>

ScheduleComponent>

[Ravikumar Venkatesan]

Hi Satyajit, 

Greetings from Syncfusion support. 

We have validated your reported query “Footer template is not showing” at our end and resolved it by adding the below CSS style for the same, we have prepared a sample that can be downloaded from the below link. 

Sample: https://www.syncfusion.com/downloads/support/forum/163948/ze/ej2-react-schedule-show-quick-info-footer-template-2012875422 

[App.css] 

.e-quick-popup-wrapper .e-event-popup .e-popup-footer { 

    display: unset; 

} 

Kindly try the above sample and get back to us if you need any further assistance. 

Regards, 

Ravikumar Venkatesan 

[Naveen Kumar Singh]

in my syncfusion react scheduler my custom template ui is not visible on live environment like dev or qa but visible in local environment (I am not using lisenced version)

[Ashokkumar Karuppasamy]

Hi Satyajit Mondal,

We understand that you're experiencing an issue with your Syncfusion React Scheduler's custom template UI not being visible in your live environment, despite functioning correctly in your local environment.

We have several live samples with custom templates that are functioning as expected. I encourage you to review these samples to compare with your implementation:

https://ej2.syncfusion.com/react/demos/#/material3/schedule/event-template

https://ej2.syncfusion.com/react/demos/#/material3/schedule/date-header-template

If your issue persists or differs from what these samples cover, could you please provide a more detailed description of the problem you're encountering? This will enable us to offer a more precise solution.

Regards,
Ashok