Active Questions
Increase Font size of Date, Time, and Location DayPilot Scheduler
Answered: Since the introduction of CSS-only styling the appearance is now controlled using CSS. Only some selected styles can be controlled using direct properties (especially event-specific styles set using ...
Display Meetings and cancel
Would like to know how to display all the calendar appointments and send a cancel invite for all the users using PS/EWSManaged API
Full View Print on Scheduler
Answered: Yes, it's possible using the standard exportAs().print() call. Just specify the area you want to export:
dp.exportAs("svg", { area: "full"}).print();
You can try it in the browser console in the ...
Daypilot is calling Pageload multiple times
Answered: DayPilot uses the standard ASP.NET CallBack mechanism to communicate with the server side. Each callback fires the respective event handler (e.g. EventMove) but it also goes through Page_Load first. ...
Angular2 Scheduler performance issue after upgrade
Answered: It looks like zone.js generates an internal error whenever an event handler is assigned to a DOM object. This error is handled internally - I'm not sure if it's part of the standard workflow, but it'...
Displaying total hours when adding or editing shifts in daypilot scheduler control
Answered: The following tutorial (for AngularJS 1.x) shows how to display total time occupied by events in each row: https://code.daypilot.org/54503/angularjs-timesheet-tutorial-javascript-php You can use the ...
automatic scrolling on resources
Answered: At this moment the autoscroll feature is enabled only during drag & drop by default. In order to scroll the resources down you need to use autoScroll = "Always" and move the mouse cursor close to the...
tooltip
Answered: There is a property of BeforeEventRenderEventArgs called ToolTip:
Protected Sub DayPilotScheduler1_BeforeEventRender(sender As Object, e As BeforeEventRenderEventArgs)
' ...
e.ToolTip = "Too...
Scheduler with Week, Day header, and clickble on Date.
Hi, Can you provide me the Daypilot Header with the Week, Day, Month. And whenever I click on Date open that particular Date events.
DataTextField string from another table
Answered: At this moment it can only read direct properties - you'll have to create an alias:
public string PaintballName {
get {
return PaintballOption.Name;
}
}
Assign custom list in event list
Answered: The most common problem when the events don't appear is that the resource id reference (dp.events.list[].resource) doesn't match the id of the resource (dp.resources[].id). Note that it must be exact...
Daypilot Angular2 scheduler control not displaying 15/30 min slots in header
Answered: You can download a sample project that shows how to customize the time header here: https://code.daypilot.org/96228/tutorial-javascript-scheduler-time-header-customization In Angular 2 you can use th...
Angular2 scheduler control not displaying 15/30 min slots in header
Answered: If you use groupBy: "Cell" in the row header definition it will display time header cells with size corresponding to the grid cells. Example:
config: any = {
scale: "CellDuration", // scale de...
Using DayPilot.Modal.alert() DayPilot.Modal.prompt() and DayPilot.Modal.confirm()
Answered: A tutorial on using DayPilot.Modal.alert() is now available: https://code.daypilot.org/11136/javascript-alert-replacement Other modal types are coming soon.
Display total for each resource and for each hour
Hi, My daypilot is group by below: timeHeaders: [ { groupBy: "Hour" } ], days: 1 I have two requirements: 1. View total of shifts for each resource I want to add column on extreme right side to displ...
Show Current date on moving
Hi, I have some question about to show current date on event moving. Can I set the scheduler to show only current date hover on the shadow and disabled start date and end date on left and right? Than...
image in Scheduler
Hi Can it is possible to have an profile image of Resources in Daypilot Scheduler. If it is possible can you provide me the code in JS. Thanks Anil Singh
HTML in resource text
Answered: I've found a solution: dpCalendar_BeforeResHeaderRender In vb code I change the property e.html in e.html = "<b> & e.html & "</b>" if some my contitions are true. Bye Davide
Scroll to particular hour of day
Answered: The scrollTo() method also accepts DayPilot.Date object/ISO 8601 date string so you can use it to scroll to a specific point in time. The Angular 2 version also supports scrollTo as a property of the...