How to disable Schedule Quick Info Full Screen on mobile device

[Yonz]

i want to retain this ui on mobile devices

[Swathi Ravi]

Hi Felipe,

Thank you for reaching out to us!

We have logged your feature request, and it will be considered for inclusion in one of our upcoming releases. You can track the progress of this request using the feedback link below:

Feedback: Provide support to control quick popup display in mobile view for Schedule Component in Angular | Feedback Portal

We prioritize feature implementations based on factors such as customer demand, feature ranking, and our roadmap. Please feel free to vote for this feature using the link above to help us gauge interest.

In the meantime, you can display a small quick popup in the mobile view similar to the desktop view by utilizing the actionBegin event and disabling the isAdaptive property. Here is an example of how you can achieve this:

HTML:

  <ejs-schedule #scheduleObj (actionBegin)="onActionBegin($event)">

  </ejs-schedule>

TS:

public onActionBegin(args: ActionEventArgs): void {

   if (args.requestType === 'toolbarItemRendering') {

     this.scheduleObj.element.classList.remove('e-device');

     this.scheduleObj.isAdaptive = false;

   }

 }

Sample: 3fx6tv (forked) - StackBlitz

Output:

Regards,

Swathi

[Yonz]

Thank you, It works.

[Swathi Ravi]

Felipe Varon,

We are glad to hear that our provided solution was worked for you. Please get back to use if you need any further assistance.