Questions Tagged javascript

Answered: It looks like there is a problem with SQL on line 51 (appointment_edit.php) which works in SQLite but not in MySQL: foreach ($db->query('SELECT * FROM [doctor] ORDER BY [doctor_name]') as $item) { It...

Answered: There is a static DayPilot.Bubble.hide() method that will hide the current bubble immediately: https://api.daypilot.org/daypilot-bubble-hide/

Answered: Yes, the Angular Scheduler component is part of DayPilot Pro for JavaScript: https://javascript.daypilot.org/buy/

Answered: I do not see any error with the latest release so I recommend giving it a try. Please let me know if the problem persists.

Answered: Can you please contact support@daypilot.org and include your order number?

Answered: Version 4516 with the following config it seems to work fine: config: DayPilot.SchedulerConfig = { infiniteScrollingEnabled: true, infiniteScrollingMargin: 20, infiniteScrollingStepDays: 93, dynamicL...

Answered: And what's the use case? The purpose of onGridMouseDown is to modify the click + shift/ctrl/meta behavior before the actual events are fired, not to handle clicks on events and cells. Normally you wo...

Answered: You must not assign the events attribute in onScroll. This causes the change detection mechanism to refresh the Scheduler and fire another onScroll event. See also a related question (it's for Angula...

Answered: The infinite scrolling is only supported for timelines generated automatically (scale !== "Manual"). However, it's possible to adjust the generated time cells using onIncludeTimeCell to achieve the s...

Answered: You'll need to define images using active areas as demonstrated in this tutorial: https://code.daypilot.org/61152/javascript-scheduler-how-to-export-html-to-image

Answered: Unfortunately, I'm not able to reproduce the problem with args.clearEvents = true. Which version of DayPilot do you use? In Angular, it's necessary to avoid changes to the watched objects ([config] a...

Answered: It's now available in the latest sandbox build (2020.2.4505): https://javascript.daypilot.org/sandbox/

Answered: This issue is fixed now in the latest sandbox build (2020.2.4519): https://javascript.daypilot.org/sandbox/

Answered: It seems i was to early with my post. i came across this documentation. https://doc.daypilot.org/scheduler/infinite-scrolling/ Going to try this out first.

Answered: You can set the z-index of both components using zIndex property: https://api.daypilot.org/daypilot-modal-zindex/ https://api.daypilot.org/daypilot-menu-zindex/

Answered: You can access the original data object like this: var data = events[0].data;

Answered: Hi Bertrand, I'm not sure what exactly the problem is but: 1. The "RowHeaderWidthAutoFit" property needs to be renamed to "rowHeaderWidthAutoFit": https://api.daypilot.org/daypilot-scheduler-rowheade...

Answered: Can you please give it a try using the latest DayPilot Pro version (2020.2.4470)?

Answered: Please see the following tutorial: https://code.daypilot.org/60333/using-daypilot-modal-in-angular-application-typescript

Answered: The onBeforeCellRender implementation must be very fast because it's called for every cell in the grid during scrolling. I recommend reading all cell data in advance and storing it on the client side...

Answered: In the Pro version, this can be set using dayBeginsHour and dayEndsHour properties. See also: https://doc.daypilot.org/calendar/overnight-scheduling/

Answered: The right property name is "barColor". Here is a full list of event object properties: https://api.daypilot.org/daypilot-event-data/ There is also an example that shows how to change the duration bar...

Answered: In the JavaScript version, all member names follow the camel case convention. You need to use "heightSpec": https://api.daypilot.org/daypilot-calendar-heightspec/

Answered: It's the Vue app: var app = new Vue({ el: '#scheduler-app', data: { } }); It was missing in the previous code samples - the tutorial is updated now.

Answered: The following combination of properties results in an empty timeline: days: 1, startDate: new DayPilot.Date('2020-02-01T00:00:00+00:00'), showNonBusiness: false, businessWeekends: false, The startDat...

Answered: The parent tasks can either use fixed start/end values or values calculated from the children (which is the default mode). You can switch the mode using "taskGroupMode" property: https://api.daypilot...

Answered: Yes, you'd have to calculate the cellWidth based on the viewport size. Something like this: cellWidth: function(args) { var days = args.date.daysInMonth(); return Math.floor(dp.nav.scroll.clientWidth...

Answered: This is by design. In the Scheduler, the left edge uses "w-resize" cursor and the right edge uses "e-resize" cursor. If you don't like the appearance you can replace the built-in resize margins by ac...