Questions Tagged
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 {...
Gantt graph appearance height
Answered: You can use dp.heightSpec = "Parent100Pct" to set the Gantt height to 100% of the parent element. Just make sure that the parent height is set explicitly (either using "height" style or using "top"/"...
Show bootstrap delete icon on the Event when hover.
Answered: First, you need to disable the built-in icon by removing eventDeleteHandling: "Update" from the config. Then you can add your own icon using an active area. See also: https://doc.daypilot.org/schedul...
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...
TimeRangeDoubleClickJavaScript doesn't work anymore in Calendar
Answered: This problem is now fixed in the latest sandbox build (2018.1.3646): https://aspnet.daypilot.org/sandbox/ The fix will be included in the next release.
Database
Answered: Javascript can't connect directly to a database, but it can request data from external pages, files. I use PHP, and a MS SQL database. I have created an API were I can request data for my scheduler, ...
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
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...
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 ...
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...
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...
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 = [...
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/...
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...
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.
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 => {
...
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...
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...
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....
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...
Controls in resource columns
Answered: Unfortunately not directly. You might be able to generate HTML for your ASP.NET controls using RenderControl() and insert the result into the column cells using BeforeResHeaderRender: https://harouny...
General questions
Answered: 1. No, this project includes a trial version of DayPilot Pro and is limited to testing and evaluation purposes, for 60 days. You need a DayPilot Pro for JavaScript license to use it in production (ht...
Scheduler hangs when drag/drop event from one scheduler instance to the next with autoScroll set to Drag
Answered: Thanks for the update! It turned out that there was a bug in onScroll() call. It's fixed now in the latest build (2018.1.3185) - please let me know if the problem persists. The development builds are...
Month view for Daypilot calendar control in Angular4
Answered: There is a special component available for the monthly calendar. See the docs: https://doc.daypilot.org/month/angular/ A quick start Angular 4 monthly calendar project: https://code.daypilot.org/5778...
can i change my asp.net pages to mobile friendly
Answered: The Scheduler supports touch devices. Please see the following docs page: https://doc.daypilot.org/scheduler/touch-devices/ In the default configuration, it supports event creating, event moving (tap...