Questions Tagged javascript

New Event from a list of pre define events

Answered: I'm not sure if this is what you are looking for but if you have existing unscheduled events/tasks that need to be scheduled you can use external drag and drop to move them to a specific time slot in...

Show Duration of External Drag and Drop Event

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 ...

Sticky Time Header on Javascript Scheduler

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 ...

how to delete link

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/

Displaying Group Availability without disable row

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...

Read only

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...

Color ressource according status

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...

Resource Bubble Not Working

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...

Daypilot Navigator in french

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...

Get day select in DayPilot Navigator

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...

COPY PASTE

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...

Switch Weekly Daily

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...

DayPilot pro demo License request

Answered: Hi Jeffrey, Can you please send an email with a link to this question to support@daypilot.org? Thanks!

Can we show DayPilot Calendar in Hebrew Language?

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...

Javascript (Gantt Chart)

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/

Backcolor's make event text un-readable

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...

Can we get a new onSort event

Answered: It's now available since build 2020.1.4314: https://release.daypilot.org/changes/js/ The event is called DayPilot.Scheduler.onRowSorted.