Questions Tagged javascript

Show current text when Inline Event Editing

Answered: The text area will use the "text" value of the event data object. If you only use "html" to set the event content you'll also need to add "text" property to the data object. See also: https://api.day...

How to Hide Daypilot Gantt Chart none business hours

Answered: You can create your own timeline using "timeline" property (set scale to "Manual"). Or you can use the showNonBusiness property of the underlying "scheduler" object of the DayPilot.Gantt class.

Properties not functioning in add event

Answered: I've tested it by adding this to the main scheduler demo page ( https://javascript.daypilot.org/demo/scheduler/ ) and it seems to work fine: dp.onTimeRangeSelected = function (args) { dp.clearSelecti...

Calendar - Make delete icon stay on event

Answered: If you disable the built-in delete icon using eventDeleteHandling="Disabled" you will be able to add a custom icon using active areas. See also an example in the docs ( https://doc.daypilot.org/sched...

Adding a new event with client-side immediate update

Answered: After you create the new event in newcalevent.php, you need to send the event details (including the id) back to the main page using DayPilot.Modal.close(): var eventdata = { id: ..., start: ... // ....

eventDeleteHandling does not remove event

Answered: Looks like I continue to find my own solutions. :) That's a good thing. Here's the missing code that I found to assist me. var e = dp.events.find(args.e.id()); dp.events.remove(e);

How to disable moving certain events

Answered: It looks like you are using the ASP.NET syntax. In JavaScript, the property name is "moveDisabled". dp.onBeforeEventRender = function(args) { args.data.moveDisabled = true; }; See also: https://doc.d...

How to get full JSON from Gantt Chart

Answered: The current task tree state is available in tasks.list: https://api.daypilot.org/daypilot-gantt-tasks-list/ Whenever a task is changed on the client side this array is updated so it always has up-to-...

Change the backColor based upon event value

Answered: Yes, you can do that using onBeforeEventRender event handler. Please take a look at the examples in the docs (the following link is for the Scheduler): https://doc.daypilot.org/scheduler/event-custom...

Weird Display of Navigator and Calender

Answered: The values should be numbers, not strings: nav.titleHeight = 20; nav.dayHeaderHeight = 20; // and dp.headerHeight = 20; dp.allDayEventHeight = 20; Let me know if it didn't help.

How to resize Navigator

Answered: In version 2019.2.3871, the default values of the following properties were changed from 20 to 30: cellWidth, cellHeight, dayHeaderHeight, titleHeight You can use the old values to make the Navigator...

Set height for event moving indicators

Answered: The onEventMoving event handler now supports args.left.height and args.right.height in the latest sandbox build (2019.4.4123): https://javascript.daypilot.org/sandbox/ Please let me know if it doesn'...

How to show crosshair on scheduler by code

Hi, I would like to show crosshair on a cell not only moving mouse on scheduler, but also by code: at example for highlighting the last cell (or event) user worked on. I was able to scroll to myFocus...

Click on a eventLink and make some

Answered: Hi Vane, The latest sandbox build (2019.4.4122) now supports onLinkClick and onLinkClicked events. https://javascript.daypilot.org/sandbox/ It will let you implement this logic but it will also requi...