Questions Tagged how-to
Updating the Navigator with External call to event data
Answered: The Navigator doesn't support events.load() at the moment but you can load the events using update():
var data = [ ... ] ;
nav.update({events: data});
Usually you'll want to reuse the calendar d...
How can I fetch value of new column from database and display it on the calendar?
Answered: You can use onBeforeEventRender event handler to modify the event HTML (args.data.html) using the staff column (args.data.staff): https://doc.daypilot.org/calendar/event-customization/ You can also m...
Scheduler Event Link
Answered: It's not possible to change the link position but you can use custom link styles (colors, etc.). Also, the full link will be highlighted on hover so you'll be able to see it in full.
Angular Scheduler TimeHeader Display Week Wording
Answered: You can override the text in the time header using onBeforeTimeHeaderRender event handler: https://doc.daypilot.org/scheduler/time-header-customization/
When someone clicks on active area, how do I stop the default event from firing?
Answered: That did not do what I was looking for, however, I looked at the docs at the link you sent and adding the following code to the area onClick works: args.originalEvent.preventDefault(); args.originalE...
Angular 8 Scheduler Error: The placeholder element not found when refresh
Answered: Please see more here: https://forums.daypilot.org/question/4269/daypilote-angular-2-error-daypilot-scheduler-the-placeholde
Adding, deleting events does not change the Navigator highlighting
Answered: The navigator can be refreshed by calling update(): https://api.daypilot.org/daypilot-navigator-update/ If the Navigator doesn't share the data array (https://api.daypilot.org/daypilot-navigator-even...
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...
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...
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...
How to create a context menu submenu in MVC
Answered: The submenus are now supported in the MVC version as well in the latest sandbox build (2019.4.6005): https://mvc.daypilot.org/sandbox/ You can specify the submenu items using Items property of MenuIt...
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: ...
Parser error using DayPilot PRO
Answered: It looks like the reference requires a specific dll version. You should try to remove the reference to DayPilot.dll and re-add it. Also, don't forget to rebuild the solution.
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/
Angular Scheduler Zoom : 'name' does not exist in type 'ZoomLevel
Answered: This should be fixed now in the latest sandbox build (2019.4.4154). The tutorial project uses an untyped config object so you can use this approach as a workaround:
config: any = {
// ...
}
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);
Customer Event Add Modal
Answered: When the users selects a time range the Scheduler fires the onTimeRangeSelected event:
onTimeRangeSelected: args => {
this.create.show(args);
}
You can modify the event handler to...
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...
Can't refresh daypilotscheduler
Answered: If you need to update two controls at once in ASP.NET WebForms, there are two options: 1. You can place both controls in an UpdatePanel and use PostBack event handling. In the event handler, you will...
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-...
How to implement a "Previous" and "Next" buttons
Answered: You can take a look at the main MVC Scheduler demo: https://mvc.daypilot.org/demo/Scheduler/ It includes Next/Previous buttons which use commandCallBack() method to invoke Command event on the server...
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...
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 ...
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...