Questions Tagged javascript
Possibility to prevent the text to get highlighted when start editing an event with Scheduler.control.events.edit(event)
Answered: You can cancel the selection and place the caret at the start using the onAfterEventEditRender event: onAfterEventEditRender: args => {
setTimeout(() => {
args.element.setSelectionRange(0, 0)...
onEventEditKeyDown acces current text
Answered: In onEventEditKeyDown, the args.element property stores the <textarea> element used for editing. You can get the current text using args.element.value.
Export Data Issue in RTL
Answered: At this moment, the image export of the Calendar component doesn’t work for RTL. This feature is in the queue and it will be implemented in the near future.
Unexpected vertical scrolling behavior in Resource View since version 2023.4.5839
Answered: Hi Roman, Since version 2023.4.5839, the Calendar resources view supports a vertical timeline longer than 1 day. To display only 1 day on the vertical axis, you need to set the days property to 1. Pl...
Scheduler: Infinite Scrolling issues on iOS
Answered: Hi Leo, It should be fixed now in the latest sandbox build (2025.3.6524). Please let me know if the problem persists.
Inline Editmode Event size
Answered: You can use the eventEditMinWidth property to control the width. The Scheduler uses whichever is larger: the event’s width or the value of eventEditMinWidth.
How to implement Dynamic Data Loading in angular gantt chart
In my application I have very large number of dataset or tasks to be loaded(eg- 100000+ data), so that loading these much data initially is not a good a idea so i plan for dynamically loading on scro...
Client-Side JPEG Export for custom headers and custom Event content
Answered: The capabilities of the image export are limited. Basically, you can export plain text and active areas. If you need an exact copy and are happy with the current viewport, it’s better to make a scree...
12pm is logged in the database as 24 hours later
Answered: This behavior is correct, if you add 10 hours to "2025-06-10T14:00:00", you will get the end of June 10, which is "2025-06-11T00:00:00". There is a related setting (the eventEndSpec property) in the ...
Date Format
Answered: The toString() method should work: > new DayPilot.Date("2025-06-10T00:00:00").toString("yyyy-MM-ddThh:mm:ss");
"2025-06-10T00:00:00" If you want to convert it to Date, you can use toDateLocal() to g...
Is it possible to have a sort of resource filter on the calendar?
Answered: You can start with the following tutorial which displays a resources calendar similar to yours (time on the vertical axis, resources/providers on the horizontal axis): JavaScript Resource Calendar Tu...
Is it possible to interface with a system that already has an established database?
Answered: Yes, you can use it with any database structure. You just need to supply the data to DayPilot components in the required structure. This can be done on the server side quite easily - you need to crea...
What version of PHP is required for your library?
Answered: The JavaScript version of DayPilot doesn’t include any server-side backend and you can use it with any version of PHP. The PHP tutorials at code.daypilot.org should run fine with PHP 5.3. If there is...
Highlighting Weekends didn't work
Answered: Sorry for the confusion, the cell customization is not yet available in the Scheduler in the Lite version. It will be added in one of the future releases.
Kanban Card Order
Answered: The Kanban component respects the original order of cards that you use in the datasource. When a card is moved, you can get information about the target position inside a cell using the args.position...
Kanban Card Shadow When Dragging
Answered: You can override the CSS styles to make the target shadow more prominent. Unfortunately, it is not possible to move the existing cards during drag and drop to make space for a bigger target position ...
Kanban Card Touch Issue
Answered: Unfortunately, I’m not able to reproduce the issue. If you set custom HTML content of Kanban card, it may interfere with the require event handlers. If you are able to reproduce the problem in the on...
Setting up Start and End Date for Daypilot gantt chart
Answered: You can set the date range using startDate and days properties. If these properties are not specified, the Gantt chart will calculate the values automatically to include all tasks.
Kanban Context Menu stays open
Answered: This is now implemented in the latest sandbox build (2025.2.6503).
Scheduler Event End Identification
Answered: Such continuous events are marked with special CSS classes which you can use to add custom styling: scheduler_default_event_continueleft scheduler_default_event_continueright You can either use these...
gantt chart end date issue
Answered: At this moment, the Gantt chart requires the exact date/time points when specifying the task end. For example, a task that ends on May 31, 2025 needs to use end: "2025-06-01T00:00:00". The Scheduler ...
Scheduler grouping
Answered: The time header groups have no effect on the grid or events. The time header is independent and it’s just a visual clue. How events are displayed is affected by the scale and whether event boxes are ...
Kanban Card Bar Color
Answered: The onBeforeCardRender event is now available in the latest sandbox build (2025.2.6497). You can change the bar color depending on the column like this: onBeforeCardRender: args => {
switch (arg...
DoubleClick instead of Click for editing
Answered: Yes, the Scheduler supports double click for events. It has to be enabled explicitly using the eventDoubleClickHandling property. It’s good to know that when the double click is enabled, it adds a de...
All-day events in 5-day Resources scheduler always appear on Monday after upgrading to v2023.4.5839
Answered: In the resources view, all-day events are always displayed only in the first matching column. This is by design, because the columns can have arbitrary IDs and dates. If the behavior was different in...
Html in the text property
Answered: The card content structure is fixed and it looks like this: <div class='kanban_default_card_header'>${name}</div>
<div class='kanban_default_card_body'>${html}</div> If you don’t need the header, yo...
Update a Kanban card
Answered: Example: onCardClick: async args => {
const form = [
{id: "name", name: "Name", type: "text"},
{id: "text", name: "Description", type: "textarea"}
];
const modal = aw...
Card Deletion in Kanban
Answered: Actually, you don’t need the async support to make this work. You just need to switch the logic: Cancel the default action first and delete the event manually if the user confirms the action: onCardD...
Datepicker in corner : events vanish
Answered: I assume you are working with the JavaScript Scheduler: Date Picker in the Upper-Left Corner tutorial. 1. The SVG calendar icon is new and you need to use the latest version of daypilot.svg (you can ...
Questions 1-30 of 2076
Next