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

Questions Tagged how-to

CSP violation issues

Answered: The latest release (2025.3.6564) now detects the nonce used by scripts and stylesheets on the page and uses it when registering the built-in stylesheet. You shouldn’t see this error anymore. If you u...

Max and Min dates irrespective of view port

Answered: This data isn’t calculated for internal purposes. You will need to go through the events in events.list and calculate it directly from the data.

Is it possible to supply a default value for the "searchable" daypilot modal form

I would like to set an initial/default value when opening a form for a field with the type "searchable", is it possible? Matching by key from data object does not work

Only show link when an event is hovered

How would I show the link for an event but only when that event is moused-over? I would like to show links between events but I also want to avoid overcrowding the display with too many links.

DatePicker

Answered: The Navigator is limited to selecting a day, week, month or a custom day range (within the visible dates). At this moment we don’t plan to implement year selection and or times.

Navigator update

Answered: Most likely, you are using a reference to an old instance that has been disposed already. So I recommend checking how you get the reference and make sure that it’s not an obsolete one.

Need to Sticky Calendar Header on Top

Answered: You can look at the height options, especially heightSpec: "Parent100Pct". This setting makes the Calendar component expand to fill its parent element. A vertical scrollbar is added automatically, so...

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

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

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 Infinite Scrolling

Answered: Unfortunately not.

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

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

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

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

Kanban adding a delete button to ALL tasks that get rendered.

Answered: You can enable the built-in delete icon using the cardDeleteHandling property. The delete icon will be displayed in upper-right corner (when enabled).

Gantt chart group data end date issue

Answered: There are two group modes in the Gantt chart, and by default the component calculates the start and end from the group children. If you change the mode to "Manual", it will use the specified start an...

Milestone for scheduler

Answered: The Scheduler supports milestones are supported since version 2018.1.3203. It may be an issue of this particular release but I don’t see any serious bugs fixed in the release logs. You can follow the...

Scheduler column sorting

Answered: Unfortunately, the built-in column sorting feature is only available for the JavaScript version.

How to automatically moved to initial startdate and enddate of ganttchart

Answered: You can change the startDate and days properties as needed by calling the update() method: gantt.update({ startDate: "2025-05-01", days: 31 });

how to hide complete percentage from gantt chart

Answered: You can hide the progress bar using the completeBarVisible property.

how to dynamically add color to each tasks

Answered: You can use the onBeforeEventRender event to set custom event color in the Scheduler. The color can be set either directly using args.data.backColor or via a CSS class (by setting args.data.cssClass)...

Add group line in PhpMyadmin

Answered: You have added it correctly - but it will only display the expand/collapse icon when you add some child resources. If you want to hide the additional columns for these empty groups, you can remove th...

Add onClick functionality in onBeforeRowHeaderRender or onBeforeRowHeaderDomAdd

Answered: This seems to be a problem of some of the older releases. The latest version (2025.2.6442) should work fine with args.target = "Text";. Could you please give it a try? Please let me know if the probl...

Hide non business hours from scheduler

Answered: Yes, this can be done by hiding selected time columns using the onIncludeTimeCell event handler or by defining the timeline manually.
Questions 1-30 of 3057 Next