Questions Tagged how-to
Database
Answered: The SQL Server database schema looks like this:
CREATE TABLE [dbo].[Assignment] (
[AssignmentId] BIGINT IDENTITY (1, 1) NOT NULL,
[AssignmentNote] VARCHAR (2000) NULL,
[A...
AllowEventOverlap for specific resources
Answered: Just in case anybody stumbles over this problem or wants to achieve something similar I found this page (https://doc.daypilot.org/scheduler/event-moving-customization/) very helpful. You can basicall...
Disable event overlap
Answered: The Scheduler can prevents overlap during drag and drop operations (https://doc.daypilot.org/scheduler/event-overlaps/). However, if you need to check the validity of the input values in a modal dial...
Update multiple Event to server in loop
Answered: If you have 300 events in events.list this code will fire 300 HTTP requests which will complete in more or less random order. In the success callback, you are requesting a full update() - the update ...
Move event
Answered: Please ignore this question. I have found the issue, there is something wrong with my loadEvent function. The system requires array of objects(something likes [{123},{124}]), however I sent array of ...
addClass for cell?
Answered: You can use DayPilot.Util.addClassToString() helper method:
args.cell.cssClass = DayPilot.Util.addClassToString(args.cell.cssClass, "my-class");
This will handle the spaces and also check if "my-...
Daypilot scheduler 2018.1.3203. showNonBusiness false still shows weekends
Answered: This behavior was caused by a bug. It's fixed now in the latest sandbox build (2018.2.3214): https://javascript.daypilot.org/sandbox/ Please let me know if the problem persists.
Event Calendar
Answered: Have you checked the docs? https://doc.daypilot.org/scheduler/event-deleting/
Seaparator in each Saturday?
Answered: Each separator has to be entered as a special item in the separators array. I recommend using a loop to generate it for all Saturdays in the selected date range.
Create Event half way through the day
Answered: At this moment the time range selection only works for whole steps (the snap-to-grid option doesn't apply here - https://doc.daypilot.org/scheduler/snap-to-grid/). However, you can use smaller cells ...
Load blocked cells via ajax?
Answered: You can store your period data in resources[] or in a global array and use onBeforeCellRender to check overlaps with the current cell. There is an Angular tutorial that shows how to do that - it's wr...
the patient interface doesnt allows entries or shows available slots
im running it on local server(wamp) manager can set schedule but the doctor or patient can not enter the data into the scheduled slots even after clicking on them any suggestions? i have uploaded ind...
Get the RoomId and create a new event for Day Pilot Scheduler
Answered: Please take a look at this docs topic: https://doc.daypilot.org/scheduler/event-creating/ The resource id is available in the TimeRangeSelected event handler (e.Resource on the server side, "resource...
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...
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...
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...
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...
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...
Non-passive event listener
Answered: Please see the following docs topic for Scheduler scrolling performance tuning options: https://doc.daypilot.org/scheduler/scrolling-performance/ It's necessary to keep the total DOM size as small as...
Scheduler right click context menu for multiple event selections
Answered: You can get a list of selected events using DayPilot.Scheduler.multiselect.events() method: https://api.daypilot.org/daypilot-scheduler-multiselect-events/ You can call this method in the onClick eve...
Change/Offset the visible date while selecting dates in scheduler
Answered: Please take a look at eventEndSpec property: https://doc.daypilot.org/scheduler/event-end-date-time/ You can also customize the tooltip HTML directly using onTimeRangeSelecting event handler (args.ri...
setScrollY in event scheduler jquery
Answered: The initial scrollbar position is set to the hour of day defined using businessBeginsHour. You can also set a custom position using scrollToHour() method: https://api.daypilot.org/daypilot-calendar-s...