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