All Questions
Event text is overlapping with added active areas
Answered: There are two ways to fix that: 1. Apply additional padding to the inner event div ("scheduler_default_event_inner" CSS class in the Scheduler) to prevent overlapping with the active area. 2. Set the...
Overlay to indicate days has past
Answered: One option is to add custom CSS (using cell.cssClass) and create styles for all different combinations of classes (they are all applied at the same level): .scheduler_default_cell, .scheduler_default...
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...
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
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...
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
...
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...
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...
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...
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...
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...
Disable Blank cells
Answered: I was able to figure this out by setting the setting TimeRangeSelectedHandling to disabled.
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 ...
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...
Problems exporting schedule as image
Answered: It looks like the image files might got corrupted during the build process. You can download the correct images files here: https://aspnet.daypilot.org/files/temp/ResourcesImages.zip The archive cont...
Daypilot Weekly Scheduler Event Box Size
Answered: You can control the behavior using useEventBoxes property: https://doc.daypilot.org/scheduler/exact-event-duration/ If you don't want the event boxes to be aligned with the grid use:
dp.useEventBox...
DayPilot Scheduler Error - Error during serialization or deserialization using the JSON JavaScripSerializer. The length of the string exceeds the value set on the maxJsonLength property
Answered: This error is caused by UpdatePanel which is only able to send a limited response to the browser during update. There are several options: 1. You can place the DayPilotScheduler control outside of th...
Looking for a 3rd party seller of the Hotel program with a POS..
If you already use the Hotel system and can configure and add a POS pleaese contact me.. GetThis1@Icloud. Com Thanks
Gannt Period Limit
Answered: You can control the visible data range using StartDate and Days properties. You can use Days property to increase the number of visible days.
Invalid cellGroupBy value
Answered: I was able to fix it using the online configurator as a guide, here is the modified js used: dp.scale = "CellDuration"; dp.cellDuration = 15; dp.timeHeaders = [ {groupBy: "Day", format: "dddd d MMMM ...
Reorder resources?
Answered: The drag and drop row moving (https://doc.daypilot.org/scheduler/row-moving/) allows moving one row at a time. It will move the selected row, including all children. You can also change the resources...
Move Resoources
Answered: You can also move a resource by modifying the "resources" array. Afer making the changes, call update() to refresh the Scheduler. This example sorts the rows alphabetically (by name):
var dp = new ...
Question without answer for 11 months :/
Answered: Thanks for the update! It looks Ionic does some magic here and it swallows the event click until you click something else in the Scheduler. There is a workaround which is already available - just add...