Questions Tagged how-to
Losing scrollbars when adjusting height dynamically
Hi there, On an event i want to increase/decrease the size of the scheduler and reset the height and width. I have set the HeightSpec to Fixed and on the event the height is set by dps.setHeight(newh...
concurrent event groups
Answered: Now (since build 8.3.2847) you can also access the events in the group using args.group.events array: https://api.daypilot.org/daypilot-scheduler-onbeforegrouprender/ The latest build is available in...
Angular 2, cell bubbles during event move
Hi When moving an event with drag and drop our cell bubbles are shown during drag where the grab handle happens to be placed on the event, instead I would like to display a bubble with the targeted s...
How to capture mousedown on events
Answered: There is onAfterEventRender event that you can use to attach custom listeners to the event div: https://api.daypilot.org/daypilot-scheduler-onaftereventrender/ Example
dp.onAfterEventRender = funct...
Angular Scheduler: setting htmlLeft from onBeforeEventRender
Answered: It should be fixed now in the latest sandbox build (8.3.2842): https://javascript.daypilot.org/sandbox/ Let me know if the problem persists.
Reset "args" data in "onEventMoved"
Answered: This issue should be fixed now in the latest sandbox build (8.3.2841): https://javascript.daypilot.org/sandbox/ Let me know if the problem persists.
Angular 4
Answered: The DayPilot namespace still works the same way. Just import it:
import {DayPilot, DayPilotSchedulerComponent} from "daypilot-pro-angular";
And you can use it in the code.
Event overlap javascript
Answered: Found a solution:
dc = dp.resources[x].children[y].id;
var dcStart = dp.events.find(dc).data.start;
var dcEnd = dp.events.find(dc).data.end;
var deStart = args.start.addMinutes(30);
var deEn...
Move resource server side in Scheduler
Answered: The resources will be displayed in the order specified in the Resources collection. When adding a new Resource just insert it at the specified position or sort the collection before updating the Sche...
Angular 2 scheduler loaded in a dynamic component
Hi, I'm trying to load a scheduler within a dynamic component in Angular 2 but I'm experiencing problems to get events showing in my scheduler. I'm not really sure what's going on but it could be som...
Callendars scrollbars working as one
Answered: You're right, sorry. The latest version requires a different syntax.
@Html.DayPilotCalendar("dpc1", ...)
@Html.DayPilotCalendar("dpc2", ...)
<script>
dpc1.nav.bottomRight.addEventListener("s...
Can't get showNonBusiness to work on JS
Answered: I used dayBeginsHour and dayEndsHour instead and that worked perfectly. I'm not sure if showNonBusiness is deprecated, I tried to debug the script and saw those two so I used them. So now my only pro...
Change from sqllite to MS SQL
Answered: Yes, you just need to adjust the $db variable initialization in _db.php:
$db = new PDO('sqlite:daypilot.sqlite');
For MySQL you'll need to use something like this:
$host = "127.0.0.1";
$port =...
Inverse the axis
Answered: It's possible but you'd have to use the Calendar control switch to the "Resources" mode instead of the Scheduler. You can see a demo here: https://javascript.daypilot.org/demo/calendar/resources.html
dragging from external list focusing on prefer target
Answered: I worked it out using scrollTo & scrollToResource. thanks anyway
New row localization
Answered: It can be changed using "RowCreateHtml" property which is available since build 8.3.3592 (now in the sandbox): https://www.daypilot.org/sandbox/
Hide resource without event
Answered: It's possible to hide the rows without events using client-side row filtering. There is a tutorial available for the JavaScript version of DayPilot Pro: https://code.daypilot.org/97960/html5-schedule...
typescript can't find Property 'makeDraggable'
Answered: DayPilot.Scheduler.makeDraggable() is now included in the TypeScript definitions (since https://javascript.daypilot.org/daypilot-pro-for-javascript-8-3-sp12/).
I'm having troubles with databind
This is my getDate function: Private Function GetCalendarData(ByVal start As Date, ByVal [end] As Date) As DataTable Dim rfTecnico As Integer = Session("idUtente") Dim da As New SqlDataAdapter("stato...
All Day Event Font Color.
Answered: FontColor is now supported for all-day events as well (since build 8.3.3595). You can get the latest build in the sandbox: https://www.daypilot.org/sandbox/
Time Range Multi-Selecting without holding ctrl.
Hello everyone, is it possible to do a multirow select without holding the ctrl button in the scheduler? I should be possible to select the startDate by clicking on one cell. Then the user should hol...
delete and/or view
hi, how do i delete/cancel the event on your program? also, how or where can i access or view it's database? 'coz i can't see it in my localhost. i'm using uwamp server. it would be great if you help...
Automatically moving later events when inserting new event
Answered: This is a nice feature but it's not implemented at the moment because it would lead to bad app design (allowing inconsistencies). 1. Let's say you have scheduled one event per day for a given resourc...
Updated sample for timesheet MVC 5 with pro
Hi can you share an updated sample on ASP timecard MVC 5, that also captures information like projects, bill rates etc
How can I set the value of Text in the Calendar control if it's not data bound?
Answered: The "Text" property is read-only but you can set "Html" property. That is the value that is actually used for rendering the event. If Text is available it's used as the default value of Html.
Drag and Drop task (events) on a specific resource
I have a Angular 2 web-app with tasks (events) and resources. I also have a drag-and-drop module instaled (https://www.npmjs.com/package/ng2-drag-drop). Is it posible to drag a task from a list and d...
How to use Resource Utilization with MVC
I want to use this feature to show utilization for my rows, but i dont found any examples for that. This is the link to the official demo: http://mvc.daypilot.org/demo/scheduler/ResourceUtilization I...
Cannot read property 'height' of undefined
Answered: After trying a few things I've came to the conclusion that dp.update() can not be executed before dp.show() or vice-versa.
Finding empty time slots in the event calendar
I am trying to build a timesheet app and I want to find all the empty slots (where there is no event assigned to the time slot) on a given day and not let them submit if there are more than accepted ...