Active Questions
Getting error Uncaught TypeError: Cannot read property 'id' of undefined
Hi, I am using daypilot-calendar control and daypilot-month control, In my application i added Week and Month view, so based on selection i hide other and show that component, Its working fine, But r...
Database
Answered: Javascript can't connect directly to a database, but it can request data from external pages, files. I use PHP, and a MS SQL database. I have created an API were I can request data for my scheduler, ...
Dose DayPilot Scheduler Pro support Undo & Redo ?
Answered: There is now a new tutorial available that shows how to implement undo/redo for the JavaScript Scheduler component: https://code.daypilot.org/33599/javascript-scheduler-undo-redo
Dynamic resource columns in Scheduler
I'm currently using DayPilot Pro for ASP.NET MVC: 8.1.5819.1. The objective is having 1 or 3 HeaderColumns depending on a parameter. In my cshtml I declared the following : "HeaderColumns = new RowHe...
Custom Context Menu
Answered: You can handle onEventRightClick event and use it to open your own context menu:
dp.onEventRightClick = function(args) {
args.preventDefault();
var e = args.e; // DayPilot.Event object
...
Hide complete percentage label
Answered: You can customize the task text/HTML using onBeforeTaskRender:
config: any = {
onBeforeTaskRender: args => {
args.data.box.html = args.data.text; // displays task text instead of percenta...
Capture Drag Start
Answered: Hi Aliaa, Take a look at the following tutorial: https://code.daypilot.org/20663/html5-machine-production-job-scheduling-tutorial-php-mysql In "Creating a Follow-Up Job" section, it explains how to c...
How do you insert multiple different Gantt Charts in your website?
Answered: Just use two placeholder divs and create a DayPilot.Gantt instance for each of them:
<div id="gantt1"></div>
<div id="gantt2"></div>
<script>
var gantt1 = new DayPilot.Gantt("gantt1");
// con...
calendar resource view - possible to filter column ?
Answered: The latest DayPilot Pro version now supports column filtering API. See the following tutorial: https://code.daypilot.org/25430/javascript-resource-calendar-column-filtering You'll need version 2018.3...
Error while re-populating the Daypilot weekly scheduler
Answered: This exception is part of the input data validation that was introduced recently. You should check if the events.list property holds correct items. It must be an array of objects which have the follo...
[dp.Locale] Can't get timeFormat value
Answered: Sorry, it's ok. I didn't use the constructor to create my dp2.locale variable .! > dp2.locale = new DayPilot.Locale(jsonObj.data.settings[0].cultureInfo); Still thanks for the time you spent reading ...
MVC to Jquery conversion for Daypilot Event Selection
Answered: The JavaScript config object would look like this:
{
eventClickHandling: "Select",
onEventSelect: function(args) { OnEventClick(args.e); },
eventDoubleClickHandling: "Enabled" // it's dis...
No result, no data passing to stored procedure?
I am currently trying to implement the ASP.NET and Javascript DayPilot solutions with no luck. At the moment I am using a RecordSet to call from a SQL Database view, and this works. However, my onEve...
Drag drop users to the Daypilot calendar event
Hi, I want to drag and drop resource (i.e. User) to the event of daypilot calendar, Is there any way i can do it? I can see there is external drag and drop https://javascript.daypilot.org/demo/calend...
Event Cell Wrapping
Answered: I'm not sure if this is what you need but you can control how concurrent events are arranged using EventArrangement property: https://doc.daypilot.org/calendar/event-arrangement-mode/ Let me know if ...
How to make an event style as selected on mouse click?
Answered: You can change the event background color using onEventClick event handler:
dp.onEventClick = function(args) {
var e = args.e;
e.data.backColor = "blue";
dp.events.update(e);
};
There i...
Scheduler + Calendar break rowMoveHandling on Firefox
Hi, I think I have found a bug! If you have the Scheduler and the Calendar directives in the same page, it seems that the rowMoveHandling option stop to work for the Scheduler directive. This strange...
Update .timeHeaders doesn't work (with scheduler).
Answered: In the MVC version, the time headers are generated on the server side and it's not possible to switch the view without calling the server. You can request an update using commandCallBack() method whi...