Cannot customize appointment to add a button

[AsgParticipant]

I am trying to implement jqxScheduler in my angular website.

I am talking about customizing the appointment instead of the appointment dialog. As demonstrated in this example: https://www.jqwidgets.com/jquery-widgets-demo/demos/jqxscheduler/scheduler-appointment-customization.htm?material .

I like to insert a button or just open the context menu when the user clicks on the upper-left corner of the appointment. For now, it works but does not retain the focus as the scheduler scrolls up when I click on the appointment and open the menu. I am also handling contextMenuCreate and contextMenuOpen methods.

I just want to disable that scroll and just open the context menu on left click on the top-right corner of the appointment and they should retain there focus and do not disappear.

The scroll is not triggered by any other element on the page it is the scheduler that does the scroll. Is there a way to stop that scrolling and stay on the appointment so that the context menu remains open.

[HristoParticipant]

Hello Asg,

Could you provide us with one simplified example that demonstrates your case?
Please, provide us with more details.
Because you mentioned Angular but shows an example on JavaScript.
You could try to use some of our demos in stackblitz for a base to represent your case.
Please, take a look at this demo for the customization of an appointment:
https://stackblitz.com/github/jqwidgets/angular/tree/master/scheduler/appointmentcustomization/
About the context menu you could look at this demo:
https://stackblitz.com/github/jqwidgets/angular/tree/master/scheduler/contextmenu/

Best Regards,
Hristo Hristov

jQWidgets team
https://www.jqwidgets.com

[AsgParticipant]

Sorry, Hristo for including a wrong example. I have made this example that explains my query:

https://stackblitz.com/edit/github-o4sw8e?file=src/app/app.component.ts

In this example, I have added a button to render appointment method and tried to bind the click with the testing() method
but it didn’t work.

So I am unable to set on click listeners to buttons added during appointment customization.

[HristoParticipant]

Hello Asg,

Unfortunately, there is no such built-in functionality.
You could try with the Dynamic Injection approach.
Please, take a look at this tutorial:
https://www.jqwidgets.com/angular-components-documentation/documentation/angular-dynamic-components/index.htm?search=

Best Regards,
Hristo Hristov

jQWidgets team
https://www.jqwidgets.com

[Author]

Posts