Questions Tagged javascript
onTimeRangeSelected: giving 3 value start/end/resource
Answered: The original data object is accessible as "data" property of the row object. You can get the row object (DayPilot.Row class) using .rows.find():
var row = dp.rows.find(args.resource);
var rm_cat =...
Add or remove doctors
Answered: Management of doctors is not implemented in this tutorial. The doctor data is stored in the database, in a table called "doctor":
CREATE TABLE doctor (
doctor_id INTEGER PRIMARY KEY AU...
how to create simple modal, can i have snippet please
Answered: You can display custom HTML using DayPilot.Modal.showHtml():
var modal = new DayPilot.Modal();
// ...
modal.showHtml("<div>text</div>");
How to show Active Areas in Angular4
Answered: You might be defining onBeforeEventRender handler too late in the component lifecycle (after it is rendered). Try adding it to the config object (see also the Angular 4 Calendar tutorial at https://c...
Export Calendar Month with different event colors
Answered: The event colors should be already fixed in the latest sandbox version (since build 2936): https://javascript.daypilot.org/sandbox/ The TypeScript definitions [missing exportAs()] will be updated sho...
Drag&Drop of events which cross the border of visible period
Hi! Here is an issue with events which cross the border of the beginning of the visible period. Every event is bound to the start date. But in this case the start date isn't even displayed. So we can...
How to highlight area on Scheduler when clicked on an event
Hi everybody, There is few time I have started to use Daypilot for JS. But now I have a problem that not seems to be in "Demo" section. My goal is to highlight some area when an Event is selected. Fo...
Month problem
What if our project has many tasks throughout a couple of months. How can I show the diff tasks on the same chart although they're on different months?
How to highlight the busy days in angular2
Answered: <daypilot navigator [config]="navigatorConfig" [events]="events" [(date)]="calendarConfig.startDate"></daypilot-navigator> here [events]="events" is list of events which is used in calendar so same c...
How to get the start and end date
I am currently using the trial version of DayPilot Pro. I am displaying a default week / month view of the current week/month. I need to extract from the calendar the start and end dates it is showin...
module daypilot angular
hi ! i would add this calendar to my software but it wont add the library daypilot pro angular so i install it , i put it in systemconfig.ts : " 'daypilot-pro-angular': 'npm:daypilot-pro-angular' " b...
hideAfter property of bubble is not working
I have tried to set the hideAfter property to 8000 miliseconds, but bubble gets hide after mouseout. hideAfter property not working. please suggest Thanks
New version uses Array.prototype.find which is not supported by IE11
Answered: Hi Marc, This is a bug. It's fixed now in the latest sandbox build (2934): https://javascript.daypilot.org/sandbox/ Thanks for reporting the issue!
two scheduler synchronization
Hello, I have two schedulers on a page. Bottom one doesn't have a timline and it's right under the first scheduler. Cells have the same width, so they look like one grid. But when I expand groups ins...
Drag and drop from one Kanban to another is often failing (no move done)
I have two kanban in a page and dragOut is enabled; allowing to drag a card from one kanban to another. When using it, it often fails (nothing happens, the card is not moved; it remains at the previo...
Can I switch column header x and y ?
Answered: Please see my answer here: https://forums.daypilot.org/Topic.aspx/3866/how-to-change-first-column-header-from-time-to-date
How to change first column header from time to date?
Answered: Such a view isn't supported at the moment. I recommend using the Scheduler (https://doc.daypilot.org/scheduler/). The Scheduler can display days on the X axis and a hierarchy of resources on the Y ax...
hide resources name row
Answered: You can use "rowHeaderCols" property instead of "rowHeaderColumns". It's an older syntax that creates columns but doesn't generate the column headers. It holds an array with column widths:
dp.rowHe...
Event overlay
When you create one-minute or two-minute events, and with two-minute intervals between events, they overlap. The configuration used is below. dp.days = 365; dp.locale = "pt-br"; dp.scale = "Day"; dp....
Bubble error on production
Hello I have updated the version as I saw on your previous answers but still have error when hovering on the scheduler cells. Its happening only on production. thanks
Typescript compile errors in daypilot-angular.min.d.ts
Answered: These errors are fixed now in build 2914. Thanks for reporting the problem!
Displaying scheduler inside of a popup
Answered: You can set the Scheduler to use full height of its parent (see https://doc.daypilot.org/scheduler/100-pct-height/) to avoid duplicate vertical scrollbar. The horizontal scrollbar can be avoided usin...
DayPilot in AngularJS with webpack
Answered: After a night sleeping on the issue, found the solution. DayPilot registers the module in angular using angular.module("daypilot",[]) so in order to register one needs to use the 'daypilot' module na...
Possibility of an automated reminder
Answered: This needs to be done on the server side. DayPilot focuses on the UI and it doesn't include support for sending emails.
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...