Questions Tagged javascript
How to hide rows with no events
Answered: Take a look at this tutorial: https://code.daypilot.org/97960/html5-scheduler-hiding-rows-without-events
Can't install paid Daypilot with npm in a Angular/Cli Project
Answered: Have you replaced x.y.zzzz with the actual version number? Example for the latest release:
https://npm.daypilot.org/daypilot-pro-angular/your-api-key/8.3.2864.tar.gz
You can also get a link to a...
Utilize full cell when max hours = 9 hours
Answered: If you use the default .useEventBoxes value the events will be aligned with the grid cells:
dp.useEventBoxes = "Always";
See also: https://doc.daypilot.org/scheduler/exact-event-duration/
How to stop drag and drop feature on event calendar
Answered: You need to turn the features off one by one:
dp.eventMoveHandling = "Disabled";
dp.eventResizeHandling = "Disabled";
dp.timeRangeSelectedHandling = "Disabled";
See also the following tutorial ...
Include library in angular with webpack
Answered: If you import DayPilotModule in your own module like this:
@NgModule({
imports: [
// ...
DayPilotModule
],
// ...
})
export class SchedulerModule { }
You'll be able to i...
Fixed width on kanban when we have a lot of columns
Answered: It's now possible to use fixed column width (since build 8.4.2890). See the sandbox: https://javascript.daypilot.org/sandbox/kanban/columnfixedwidth.html You can switch to fixed width like this:
dp...
Modular DayPilot for Angular 4
Answered: At this moment it's not possible but we are checking if there is a way to exclude parts of the js file that are not needed. A quick stats FYI: The Scheduler itself (without helper classes like Menu, ...
Calendar _onMainRightClick
Answered: This should be already fixed since build 2886. See the sandbox: https://javascript.daypilot.org/sandbox/ Let me know if the problem persists. And thanks for reporting the issue.
How to find a resource by mouse position
Hi; How to find a resource by mouse position on rowColumnHeader using onmouseup event (not usingDaypilot.contextMenuResource) ! I used jquery like this $("body").on("mouseup",".scheduler_hotelca_rowh...
Scheduler print error on Internet Explorer
Hi, I've followed this guide: https://doc.daypilot.org/scheduler/printing/ but on Internet Explorer it fails :( IE is in compatibility mode: EmulateIE10 Thanks, Giovanni
Calendar Context on event after initial load
Answered: This issue should be fixed now in the latest sandbox build (8.4.2887): https://javascript.daypilot.org/sandbox/ Let me know if the problem persists.
Click on events not working when scheduler loaded in a dynamic component
We use a scheduler in a Ionic 3 - Angular 4 application and we face a problem: the scheduler is loaded in a dynamic component and when we try to click on events it doesn't work. The funny thing is th...
Export a Time Range example from Documentation does not work.
Answered: The exportAs() method is available in the Scheduler (DayPilot.Scheduler object) since version 8.2.2117. Note that it's not available for the other controls yet (Calendar, Month, Gantt...). Let me kno...
'daypilot-calendar' is not a known element
Answered: Both sources - the article (http://code.daypilot.org/63034/angularjs-event-calendar-open-source) and the forum topic (https://forums.daypilot.org/Topic.aspx/3170/directive-not-working) use AngularJS ...
How to disable an specific (the first one) row in Daypilot.Scheduler
Answered: Hi, If you are still looking for a solution. in MVC we have OnEventMove() being called on moving the events. You can probably check if the row is the one which you are looking for to be disabled. In ...
block the resize of a column
Is there a way to remove the resize option of one of the header columns ? Thanks
GANTT: Calculating time for superordinate task
Dear all, I posted this issue one year before, but still found no solution. when I create 2 subtasks, the superordinate task does not calculate to correct days. (Means beginning of the first task and...
Bubble is not show on Mobile devices (DayPilot.Scheduler)
Hello, We are experiencing some strange behavior on mobile devices. When clicking on some event in calendar with Bubble from IPad or Android browser, the bubble will not pop up until user clicks on s...
Scheduler: How to disable event move on touch devices?
I'm using angular scheduler. Here is my config: $scope.schedulerConfig = { allowEventOverlap: false, eventResizeHandling: "Disabled", eventMoveHandling: "Disabled", visible: true, scale: "Minute", ce...
How to change the backColor of the timeRangeSelection while timeRangeSelecting event
Answered: You can use the direct cells API, e.g. https://api.daypilot.org/daypilot-scheduler-cells-find/ Just a note - you need to remember the changes made to the cells and redo them when it's finished.
Navigator not right
Answered: Yes, the latest version is 8.3.2848: https://javascript.daypilot.org/try/ Did you download it as part of a tutorial? It may need an update - could you please let me know the URL?
resourceHoverHandling
Answered: Since build 2852 it's possible to use action: "Bubble" for row headers as well:
dp.resourceBubble = null;
dp.onBeforeRowHeaderRender = function(args) {
args.row.data.bubbleHtml = ...
Resource rows not lining up with schedule rows in Chrome
Answered: It looks like some global CSS may interfere with the Scheduler CSS styles. You can try to disable the global styles temporarily to see if it is the case. Also, it looks like you are using an old vers...
interval date of events
Answered: DayPilot interprets the dates in your example as "2017-04-01T00:00:00" and "2017-04-05T00:00:00" - that should explain the default behavior. You can switch the behavior using eventEndSpec property: e...
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...
Day pilot scheduler is not showing all events in angular 2
Day pilot scheduler is not showing all events. It just display events for the visible contents. it does not show events for the days for which we need to scroll. Show it is only showing records on fi...
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.
can't set color in cell when getDayOfWeek() == 7
Answered: DayPilot.Date.getDayOfWeek() returns 0 for Sunday, 1 for Monday ... 6 for Saturday: https://api.daypilot.org/daypilot-date-getdayofweek/
Performance issue when adding/deleting entity in daypilot
Answered: Please hold on - the events.add() and events.remove() optimizations are in the works. At this moment it redraws the full row because it's always safe (the added/removed event can affect row height an...