search envelope-o feed check
Home Unanswered Active Tags New Question

Questions Tagged javascript

full display for Calendar

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/

In tutorial app is referenced

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.

Scheduler not showing

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

Not having startDate and days filled in in the config doesn't cause the gantt to show every task

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

Change the amount of days on screen, scroll through entire year

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

Arrow issue

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

New Event with dropdown values as name

On the creation of a new event, instead of typing name, get possible values from a query to a mysql. Getting a dropdown menu to select the name of the event.

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/

Calendar (WeekView) seprator is hiding behind Event

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

Drag and drop not working in mobile devices

Dear colleagues, Im testing the scheduler. I've implemented drag and drop from one schedule grid to another. Everything works well, but not in IPad and other mobile devices, . I cannot move any event...

Better represent events that start or end outside of the scheduler period

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

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

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

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

No of Days Calculation is getting reduced by One Day

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

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

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

Hotel Related - Book Multiple rooms for a single client

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

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

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

How display not only a current month?

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.

How to include this scheduler to spring boot?

Answered: > SO the question is how can I send as a response this data from database to the jpa and to display it on the scheduler correctly. This is what the tutorial is trying to explain in "Loading Scheduler...

implement DayPilot.Scheduler.treeAnimation for Daypilot.Gantt

Answered: It's now available in the latest sandbox build (2020.1.4318): https://release.daypilot.org/changes/js/

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/
Previous Questions 961-990 of 2076 Next