Active Questions
Angular 5 Scheduler Event cssClass
Answered: You need to target ":host ::ng-deep" to the CSS selector:
styles: [' :host ::ng-deep .test { font-weight: bold; } '],
This style will be translated to something like this:
[_nghost-c1] .test {...
Editing
Hello, what can I do? everything seems to be ok but I do not know what I touched because I cannot edit an appointment as a doctor. How can I make it possible to edit an appointment after a patient ha...
Pro version breaks my AngularJs directive
Answered: DayPilot Pro uses a slightly different approach (compile + link) when registering the <daypilot-calendar> directive because the "replace: true" attribute used in the Lite version (which only uses lin...
Scheduler Event Context Menu during multiselect
Answered: You can get a list of all selected events using DayPilot.Scheduler.multiselect.events() method: https://api.daypilot.org/daypilot-scheduler-multiselect-events/
let events = this.scheduler.control.m...
Dynamic context menu in Angular
Answered: You can use onShow event handler of the context menu to adjust the menu items on the fly. Please take a look at the following sample project: https://code.daypilot.org/50232/angular-scheduler-dynamic...
How can I custom my css style for modal popup?
Answered: Please see my answer here: https://forums.daypilot.org/Topic.aspx/4185/change-the-position-of-createevent
Change the position of CreateEvent
Answered: Unfortunately not. The current implementation of the modal dialog (the Angular version) doesn't support customization of the position. It's always fixed at the top, with the height set automatically ...
Angular 5 Calendar Custom View
Answered: It's possible to generate a custom set of days when you switch the Calendar to Resources view and fill the "columns" array manually. A JavaScript example:
dp.viewType = "Resources";
dp.columns = [...
Database
I have done everything and yet no error but when I insert a data, it does not show in my database. Please help. Thank you
Error Supplied data is not a JPEG
Answered: Yes, most likely there is a problem with exportAs(). Do you see any error message in the javascript console? Also, remember that exporting large Scheduler grids may hit the browser limits (most brows...
Render Angular 5 component into DayPilotMonth cell template
Is is possible to render a angular component into DayPilotMonth cell template html? I'm trying to pass nativeElement as HTML attribute, but it doesn't work. Only renders "[object HTMLElement]". onBef...
IE 8 compatibility
Answered: Unfortunately, IE8 is not supported. Microsoft stopped supporting IE8 in January 2016 and so did we. For the list of supported browsers please see the Compatibility page: https://aspnet.daypilot.org/...
Events Not Showing in Calendar
I am loading both the Resources and the Events from SQL Server and already had this working in the Scheduler control. When binding in the Page_Load for the Calendar control, I have verified that data...
How to run PHP code without affecting performance
Answered: If you don't need to result to continue you can simply open the dialog right away. Don't open the dialog from the response callback. Instead of this:
this.http.get("/api").subscribe(result => {
...
Scheduler row filter
Answered: Please take a look at this tutorial: https://code.daypilot.org/97960/html5-scheduler-hiding-rows-without-events You'll need to adjust the logic in onRowFilter event handler to use your criteria.
Undefined, Events Do not load on Mobile IOS Android
I've tried the example code at https://code.daypilot.org/84763/html5-scheduler-for-touch-devices-ipad-android-php-javascript It works perfectly on desktop, however on IOS and Android (regardless of m...
makeDraggable() remove
Hello, I need some help makeDraggable(). I want to drop an external item on a picture(trashcan) to remove the item and trigger a function. What is the bestpractice. function makeDraggable() { var par...
How to set Cells/Columns in View vs. Scroll
Answered: By default the Scheduler width is set to 100% - that means it will change for different browser window widths. The auto cell width mode (https://doc.daypilot.org/scheduler/auto-cell-width/) calculate...
How to remove orange rectangle with text "DEMO" from month view of daypilot?
Answered: It looks like you have used DayPilot Pro (the paid version) in your project. 1. You can use DayPilot Lite (open-source) instead - but it doesn't include all Pro features: https://javascript.daypilot....