Open a quickview or popup

Hi, I'm having problems with my schedule logic. The problem that I'm trying to solve is if I select an existing event, a custom quick view appears, but if I don't have an event a custom, popupOpen shows on the screen. 

The problem is that having both quickInfoTemplates and popupOpen always shows the popup and ignores the quickInfo. So I want a condition to decide which view to display, if is an empty event or an existing event.

<ScheduleComponent ref={schedule => setScheduleObj(schedule)} id='schedule' cssClass='schedule-header-bar'
quickInfoOnSelectionEnd="true" quickInfoTemplates={{
header: headerTemplate.bind(this),
content: contentTemplate.bind(this),
footer: footerTemplate.bind(this)
}} popupOpen={onPopupOpen.bind(this)} locale='es-MX' height='' className="schedule-dashboard" currentView="Day"
eventSettings={{ dataSource: eventsState }} workHours={{highlight: true, start: '6:00', end: '23:00'}} >
<ViewsDirective>
<ViewDirective option="Day" displayName="Día" eventTemplate={agendaEventTemplate.bind(this)}></ViewDirective>
</ViewsDirective>
<Inject services={[Day]}/>
</ScheduleComponent>



1 Reply

VD Vinitha Devi Murugan Syncfusion Team September 7, 2021 12:03 PM UTC

Hi Brandon, 
  
Greetings from Syncfusion Support. 
  
We have checked the reported query and were unable to provide prompt solution with the shared details. Could you please you share below details which will be helpful to provide solution to meet your requirement?  
 
  • Whether you want to show the customized quickinfo on event click and default quickinfo on cell click. or
  • Whether you want to show the customized quickinfo on event click and editor window on cell click.
  • Share complete scheduler rendering code
  • Share the images or video demo that illustrates your requirement.
  
Regards, 
Vinitha 


Loader.
Up arrow icon