Questions Tagged how-to

Answered: This example uses the generic HTML5 drag and drop API and that doesn't allow reading the source object properties until drop. So unfortunately, this is not possible. If you use the built-in external ...

Answered: You need to use heightSpec value other than "Auto": https://doc.daypilot.org/scheduler/height/ That will enable a vertical scrollbar and the time header will remain fixed. It's a good idea to design ...

Answered: You can delete a link using the api: https://api.daypilot.org/daypilot-gantt-links-remove/ Users can delete a link using a context menu: https://doc.daypilot.org/gantt/link-deleting/

Answered: In the Calendar component, the current time indicator position is fixed at this moment and it is always displayed below events. The indicator element is marked with ".calendar_default_now" CSS class ...

Answered: There are three possible strategies that you can use for modal dialog in ASP.NET WebForms: 1. Use UpdatePanel and ModalPopupExtender: https://code.daypilot.org/75958/scheduler-and-modalpopupextender-...

Answered: There is no specific PostgreSQL tutorial available but you can check the Angular + MySQL tutorials: https://code.daypilot.org/tutorials/mysql+angular In order to switch the tutorials to MySQL you'd n...

Answered: Such events are marked with ".scheduler_default_event_continueleft" and ".scheduler_default_event_continueright" CSS classes (for the default theme). At this moment, there is no style associated with...

Answered: This is the code that calculates the group availability ( https://code.daypilot.org/97538/javascript-scheduler-displaying-group-availability ): onBeforeCellRender: function(args) { if (args.cell.isPa...

Answered: The "allowDefaultContextMenu" property lets you enable the default browser context menu. By default, this is disabled for the Scheduler so that you don't see the browser context menu over the Schedul...

Answered: The row header background color needs to be set using onBeforeRowHeaderRender event. The onBeforeCellRender only sets properties of the grid cells. It could look like this: dp.onBeforeRowHeaderRender...

Answered: In the recent versions, there seems to be a problem with displaying the resource bubble when hovering the first resource (Angular only). When you move the mouse to another resource, it works fine. Th...

Answered: If you only work with full days, you can switch to eventEndSpec="Date" mode which will translate the end date to "end of day": https://doc.daypilot.org/scheduler/event-end-date-time/ But that will no...

Answered: Yes, just specify the locale when creating the DayPilot.Navigator instance: var nav = new DayPilot.Navigator("nav"); nav.locale = "fr-fr"; nav.init(); See also: https://api.daypilot.org/daypilot-navi...

Answered: Yes, you can use selectionDay: https://api.daypilot.org/daypilot-navigator-selectionday/ If you have a Navigator instance called "nav": var nav = new DayPilot.Navigator("..."); // ... you can read th...

Answered: Yes, this is possible and there are several options: 1. You can select multiple time ranges using Ctrl+drag: https://doc.daypilot.org/scheduler/time-range-multi-selecting/ 2. You can create the reser...

Answered: You can access the original data object as "e.data". Example: var newEvent = new DayPilot.Event({ start: args.newStart, end: args.newEnd, text: "text " + args.e.text(), lieu: "lieu " + args.e.data.li...

Answered: Please take a look at this tutorial: https://code.daypilot.org/61574/javascript-scheduler-switching-day-week-month-views Since the Hotel tutorial doesn't use "scale", "days", and "startDate" to gener...

Answered: The Hebrew locale is not included in the built-in set. You can create and register it using DayPilot.Locale.register() function: https://api.daypilot.org/daypilot-locale-register/ But please note tha...

Answered: You can specify the number of days using days property: https://api.daypilot.org/daypilot-scheduler-days/ This way you can display as many months as you need.

Answered: The full list of properties that can be specified in the source data object or in onBeforeTaskRender can be found here: https://api.daypilot.org/daypilot-task-data/

Answered: The backColor property will accept all color formats defined in the CSS spec (it's translated to an inline "background" style): https://developer.mozilla.org/en-US/docs/Web/CSS/color_value To specify...

Answered: The components will work on mobile devices as well. 1. You may want to make some dimension adjustments (like the row header width in the Scheduler) depending on the device width. 2. You'll also need ...

Answered: The message appears if you deploy the trial version. The trial version can only be used for evaluation and this message is a reminder that you need to purchase a license: https://javascript.daypilot....

Answered: Hi Rafael, Yes, exactly. You just need to replace daypilot-all.min.js with the one from the licensed version.

Answered: You'll need to purchase a license: https://javascript.daypilot.org/buy/ The tutorial includes a trial version of DayPilot Pro.

Answered: Ok, I played a few hours, looked at the new resource object in tabular mode and came to the following solution. Note that I removed the 'display' attribute, to make sure DayPilot looks at the columns...

Answered: The best way to export the data is to use the events.list property: https://api.daypilot.org/daypilot-scheduler-events-list/ The Scheduler updates this array with all changes made using the UI (event...

Answered: You can use DayPilot.Modal to display a custom page. This approach requires that this page interacts with the server directly. You can find an example in the following tutorial: https://code.daypilot...

Answered: Unfortunately, this is not supported at the moment. As you mentioned, it's possible to use fixed column width but it applies to all columns.