Questions Tagged javascript
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/schedu...
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: ...
IE Error when clicking on/resizing an event using Warmup/Cool down Areas
Answered: This is a DayPilot bug. It has been fixed now in the latest sandbox build (2019.4.4159): https://javascript.daypilot.org/sandbox/ Please let me know if the problem persists.
Angular Scheduler Event Link Delete ContentMenu
Answered: The SchedulerConfig.contextMenuLink property is now supported in the latest version: https://javascript.daypilot.org/daypilot-pro-for-javascript-2019-4-4153/
Line of Linked Events on Odd numbered rows are hidden*don't show
Answered: It looks like it might be caused by a scaled view (e.g. browser zoom level not set to 100%). You can try to reset the browser zoom level or increase the link width.
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...
Angular DayPilot.Scheduler Object Missing on Gantt
Answered: Accessing the internal "scheduler" object is a fallback solution and that's why the scheduler property is not included in the TypeScript definitions. You'll be able to access it if you cast the sched...
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-...
onBeforeRowHeaderExport never called
Answered: This was a regression that should be fixed now in the latest build (2019.4.4124+). Please let me know if the problem persists.
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...
Angular Gantt Chart Cannot filter
Hi, The scheduler have rows.filter this function. https://doc.daypilot.org/scheduler/row-filtering/ However on gantt didnt have rows filter function https://doc.daypilot.org/gantt/rows/ How to do fil...
Uncaught TypeError: Cannot read property 'x' of null when dynamicLoading is enabled and no cells are visible
Answered: This issue should be fixed now in the latest sandbox build (2019.4.4122): https://javascript.daypilot.org/sandbox/ Please let me know if the problem persists.
Add expand collapse buttons to resource-row when using dynamic event rendering
I would like to add a plus and minus button to expand collapse row depending on if it has groups that is collapsed or expanded. But the rows are rendered before the data has returned thus my buttons ...
Support for right click in the time header
Answered: The latest sandbox build (2019.4.4122) now supports onTimeHeaderRightClick and onTimeHeaderRightClicked events (there is no functional difference between them as there is no default action for the ri...
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...
how to run this project
hii, I am download the source code and run to application but not properly run this application. plz can you gide me.
Angular Gantt Chart different Tasks in same one row
Answered: Only the Scheduler component can display multiple events/task in the same row. But it supports event links as well: https://javascript.daypilot.org/demo/scheduler/eventlinks.html
codigo abierto daypilot pro
passing the 30-day daypilot test. I used the code to implement my system that could happen in legal terms
Traversing events vertically within a column
Answered: It's possible to use events.forRange() method. It's now included in the API docs as well: https://api.daypilot.org/daypilot-scheduler-events-forrange/
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...
Angular Scheduler button onclick changes time header
Answered: If you change the config.scale value in the button onClick handler the change will be detected and applied automatically. You can also check the following tutorial which shows how to apply different ...
Scheduler afterEventRender
Hello Dan, I am using the scheduler (javascript version) and I am using signalR to broadcast the changes made to the events to all other connected clients. And while waiting for a server response I d...
Selecting cell on the calendar from select box
Answered: It's possible to create a time range selection using the API - use selectTimeRange() method: https://api.daypilot.org/daypilot-scheduler-selecttimerange/
Synchronizing Scheduler data
Hello, I am trying the library for my company. There is one specific requirement that is being able to have a window with several schedulers, and at the latest position, one readonly scheduler with t...
Angular Gantt Chart replace onrowcreate with button
Answered: You can use your own button and add a new record to config.tasks property (Angular will detect the change) or you can use the direct API tasks.add() method: https://api.daypilot.org/daypilot-gantt-ta...