All Questions

Answered: This is most likely caused by CSS interference. I recommend turning off all global CSS to verify that. The most common problems include global "padding", "border" or "box-sizing" styles. If the probl...

Answered: You can see that the form submission is intercepted and sent using a special $.post() request: $("#f").submit(function () { var f = $("#f"); $.post(f.attr("action"), f.serialize(), function (result) ...

Answered: The durationBarVisible property doesn't affect the event height - you can test it by running dp.update({durationBarVisible:false}); in the browser console at https://javascript.daypilot.org/demo/sche...

Answered: There is a monthly calendar component ( https://doc.daypilot.org/month/ ) but it's not available in the open-source Java version (DayPilot Lite for Java). However, it's included in the JavaScript ope...

Answered: If you add the event on the client side using events.add() the server-side BeforeEventRender won't be fired. That might be required for the bubble HTML to be set. You need to add the event using a ca...

Answered: Submitting changes using a form is not a supported scenario. However, you can use the built-in queue to submit all changes at once using a CallBack. When creating, updating or deleting the event usin...

Answered: You should take a look at the hints provided by the audit tool. The audit breakdown has much higher value than the index itself. You will see what affects the performance of your page and can evaluat...

Answered: It looks like you are using global CSS that interferes with the calendar CSS. Try disabling it temporarily and then enable it section by section to see what affects the positioning. It will be someth...

Answered: You can calculate the number of days between two days like this: var days = new DayPilot.Duration("2020-01-01", "2020-01-05").days(); See also: https://api.daypilot.org/daypilot-duration-days/ https:...

Answered: By default, the calendar component aligns the events with the grid cells and displays a duration bar to indicate the real duration. In the Pro version, you can change this behavior as described here:...

Answered: If you define the content using active areas you will get better support during the export and you will be able to include images. See an example here: https://doc.daypilot.org/calendar/exact-event-d...

Answered: This can't be done using the built-in icon but you can implement your own logic and change the columns array ( https://api.daypilot.org/daypilot-gantt-columns/ ) as needed. After calling update() the...

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

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

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.

Answered: You need to check the Scheduler event data (dp.events.list). The data items must use the structure described here: https://api.daypilot.org/daypilot-event-data/ This error suggests that the data item...

Answered: You can override the text in the time header using onBeforeTimeHeaderRender event handler: https://doc.daypilot.org/scheduler/time-header-customization/

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

Answered: Please see more here: https://forums.daypilot.org/question/4269/daypilote-angular-2-error-daypilot-scheduler-the-placeholde

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

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

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.

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

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

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

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

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.

Answered: The Calendar can display a hierarchy of columns, just use the "children" property to specify child columns. You can also set the date for each column using the "start" property. See also: https://doc...

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.

Answered: The SchedulerConfig.contextMenuLink property is now supported in the latest version: https://javascript.daypilot.org/daypilot-pro-for-javascript-2019-4-4153/