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

Questions Tagged javascript

Jalali Calendar

Answered: The calendar works with a Gregorian calendar internally, and the Jalali/Shamsi calendars are not directly supported. However, in the resources view, the calendar shows just a single day and the date ...

weekStarts property non-functional in DayPilotCalendar

Answered: At this moment, the weekStarts property is not available in the Lite version. However, you can set a custom week start using the locale property. If there is no built-in locale that meets your needs,...

Drag Shadow disappears after dragging over updating rows

Dear Daypilot Developer While working on a project at my company which uses Daypilot Scheduler I came across this weird behaviour. For context the daypilot scheduler would dynamically load the events...

How to show read only calendar

Answered: Yes, you can disable event moving using the eventMoveHandling property: { eventMoveHandling: "Disabled", // ... }

Same day same time events are overlapping

Answered: Please take a look at this page: Exact Event Duration Let me know if this is not what you are looking for.

Background Color Time Wise

Answered: You can take a look at this tutorial: JavaScript Scheduler: Disabling Custom Date/Time Ranges It explains how to set color for custom time segments in the Scheduler.

Inconsistent type definition of events in CalendarConfig and MonthConfig (Daily/Weekly Calendar view vs Monthly Calendar view)

Answered: > in MonthConfig it is defined as “events?: EventData;” This was incorrect, and it has been fixed now in the latest release. > CalendarConfig contains a definition for the function overload “remove(i...

Business DAYS

Answered: You can use someting like this (using the options syntax): const calendar = new DayPilot.Calendar("dp", { onBeforeCellRender: args => { const nonBusinessDays = [4, 5, 6, 0]; if (no...

Calendar code in Composition api

Answered: You can take a look at the following tutorial which uses the Composition API in Vue: Vue Resource Calendar (Open-Source)

cellmarginbottom seems not to work in DayPilot Lite Monthly Control

Answered: This property was not supported in the Lite version, but it is now available in the latest release: DayPilot Lite for JavaScript 2024.3.536

Missing daypilot-react.min.d.ts declaration file in NPM package?

Answered: Seems like they added it several hours after I posted this. This is resolved and everything works perfectly!

DayPilot.Gantt: JS errors when moving collapsed children with paths into collapsed parents

Answered: This issue should be fixed now in the latest sandbox build (2024.3.5966). The Scheduler incorrectly tried to render links to events in hidden row. If there is any problem, just let me know.

Modal Button Order

Answered: The button order is fixed but you can change it using custom CSS: .modal_default_buttons { display: flex; } .modal_default_ok { order: 2; } .modal_default_cancel { order: 1; }...

Can event area support multiple actions?

Answered: Since version 2024.2.5956, the active area will display a bubble if you specify the bubble property, regardlesss of the action value. Another option is to use the following event handlers, which are ...

PHP Shift planning

Answered: This error has been fixed recently. Please make sure that you have the latest version (from May 21, 2024): PHP Shift Planning System (JavaScript/HTML5 Frontend, MySQL Database) If the problem persist...

DayPilot.Scheduler.selectTimeRange() seems to snap wrong

Answered: Thanks! It turned out to be the Calendar component and it should be fixed now in the latest sandbox build (2024.2.5954):

How to Maintain Values in the Header During Horizontal Scroll?

Answered: When the time header cell is partially hidden, the Scheduler adds a special overlay with the default cell content (it’s called a floating time header). You can turn it off using the floatingTimeHeade...

Is it possible to Spread the left area of the gantt chart to maximum width?

Answered: Unfortunately, this is not possible.

Add Icon to modal confirm buttons

Answered: You can use custom CSS theme that will display your images in the buttons (using background-image style). The buttons are marked with the following CSS classes: modal_default_ok modal_default_cancel ...

DayPilot.Gantt.onTaskMoving and DayPilot.Gantt.onTaskMoved broken in 2024.2.5936

Answered: Sorry for the troubles! These issues (onTaskMoved and onTaskMoving) should be fixed now in the latest sandbox build (2024.2.5939). These fixes will be included in the next release, which will be avai...

MenuItemData Automatin ID

Answered: Hi Jörg, You should be able to target the element using a custom CSS class which you can add using the cssClass property. This property is already available.


Answered: The full project is attached - you can download it at the top of the article using the “Download Source” button (below the main screenshot).

Remove or Highlight the holidays on the Event

Answered: The eventMovingSkipNonBusiness property affects the drag and drop behavior over the non-business time segments. The mechanism is explained in the JavaScript Scheduler: Skip Non-Business Cells during ...

Vertical dragging to associate one event with multiple resources

Answered: Yes, this is possible. To distinguish this action from moving the original event to a new location, you can use a modifier key or an active area. 1. Modifier key You can use the approach described in...

Remove or Highlight the holidays on the Event

Answered: I am trying to highlight or cut the holidays on the event itself

Change Time Header Vertical Grid lines style

Answered: You can use the following CSS: .scheduler_default_timeheadercol_inner { border-right-width: 4px; }

Using Row Spans for Resource Names in Tabular Mode

Answered: To implement this, you can use the split resources feature:

Next invisible month

Answered: In the Scheduler, the visible range is set using the startDate and days properties. You should use the combination that displays the desired date range. Another option is to create a custom timeline ...

How to resize row header column on touch devices

Hello, Can the width of the Scheduler's Row Header Column be configured to allow resizing on touch devices? Additionally, when rowHeaderScrolling is set to true and the splitter is displayed, is it p...


Answered: That’s a typo. The event is called onEventMoving. There should be no problem using it to clear the selection.
Questions 1-30 of 1913 Next