Hi Ravi,
You can fulfill your requirement by utilizing the schedule popupOpen event. If you use the dialog component's position property,
you can open it on the default top side. The attached sample below demonstrates
the solution. Please give it a try and let us know if you need any further
assistance.
Sample: https://stackblitz.com/edit/schedule-dialog-top-align-whmmzr?file=index.js,index.css,index.html
[index.js]
|
const onPoupOpen = (args) => {
if(args.type === 'Editor') {
const dialogInstance = args.element.ej2_instances[0];
dialogInstance.position = { X: 'center', Y: 'top' };
dialogInstance.dataBind();
}
}
return (<div className='schedule-control-section'>
<div className='col-lg-12 control-section'>
<div className='control-wrapper'>
<ScheduleComponent width='100%' height='650px' ref={scheduleObj} popupOpen={onPoupOpen} selectedDate={new Date(2021, 1, 15)} eventSettings={{ dataSource: data }}>
|
Regards,
Ashok
