Questions Tagged how-to
The 'Press and Hold' does not seem to work
I get the menu to popup on my mobile device and then it closes before I can interact with is. Very frustrating. What can I do to get this working?
Event Multi-Resize
Answered: Event multi-resizing isn't fully supported in the latest MVC version (8.2). The code above is for the JavaScript version and it may not work properly with the MVC version. However, the support for mu...
How to: Disable the appearance of a context menu for types of users?
Answered: You can disable the context menu for selected users using BeforeEventRender event handler - by setting e.EventRightClickEnabled to false: https://doc.daypilot.org/scheduler/event-customization/
calendar & compatibility
hello, If I mark the configuration of the web (IE 11/10) To copmatibilty view setting = V So the header of columns not present display. I can not turn off the configuration for other software on my c...
Event Drag And Drop Between 2 Scheduler
I have Scheduler, Scheduler1 & Scheduler2 both have "cellDuration" property set to 30 mins. but when i drag and drop an event from Scheduler1 to Scheduler2, in scheduler2 it will create an event with...
Mouse Cursor Alignment Problem When Dragging An Event From One Scheduler To Another
I have 2 DayPilot scheduler in my page and i want to drag and drop an event from scheduler1 at top to the scheduler2 at bottom. Currently I'm able to do the drag and drop but when I'm dragging the ev...
Switch X and Y axis on HTML5 Timesheet
Answered: You can use the Calendar control which has the axes switched. If you want to show more days (more than the usual week) you can use fixed column width: https://doc.daypilot.org/calendar/fixed-column-w...
While dragging an event mouse cursor will not be in proper position in Scheduler
Answered: This issue should be fixed in the latest sandbox build (8.2.2268): http://javascript.daypilot.org/sandbox/ Let me know if the problem persists.
ShowNonBusiness is not working In Scheduler
Answered: All properties of the DayPilot JavaScript objects use lower camel case (just like JavaScript generally). Try this instead:
$scope.dpc.businessBeginsHour = 8;
$scope.dpc.businessEndsHour = 18;
$...
onBeforeCellRender set cell properties
Hi all, I'm using the Daypilot Calendar in ored to manage a SPA appointmens. On the columns I have the treatment rooms and on the rows the timeframe. I'm wondering if it's possible to add a cell prop...
Different calledar for users
Answered: You can access the Controller using "Controller" property from within the Dpc class. Given that the user id is available as User.Identity.Name you can use something like this to filter the events:
...
Which java script files and functions are absolutely essential to close a modal form?
Answered: With the default settings, the modal dialog uses an iframe to display the content. That means the content is working with a different window context. In order to open the modal dialog, you need to in...
I've managed to open a modal form from code-behind, I now need to close it.. Please advise on how....
Answered: See also the explanation here: http://forums.daypilot.org/Topic.aspx/3328/which-java-script-files-and-functions-are-absolutely-essent 1. The source page using UpdatePanel should be no problem (you op...
close modal dialog
Answered: It's not possible to close the modal dialog from the server side. In the MVC samples, a slighly different approach is used - the form displayed in the modal dialog is not submitted in a traditional w...
Is it possible to display a Daypilot modal dialog form from the code behind of a web form?
Answered: The only way to open the modal dialog from the server side is to run the required js code using RegisterStartupScript() method. This technique is used by the Util.Modal class that comes with the moda...
Hiding resources with no events
Answered: load only resource which has events from loadResources Method.
Force loading message with backdrop
Answered: dp.message() should work anytime and it doesn't depend on any other variable: https://api.daypilot.org/daypilot-scheduler-message/ You can also use dp.message.hide() to hide the current message. Ther...
DayPilot Inline Event Editing
Answered: The texbox dimensions are set according to the original event already. However, there is a certain minimum width/height enforced by the browser so you may see a bigger textbox for some small events. ...
Different Height for specific Events?
Answered: Yes, you can specify custom height using .height property: https://api.daypilot.org/daypilot-event-data/ It will overrride the global height set using .eventHeight property. You can also specify cust...
Programmatically disable/enable the controls on the recurrenteventedit.aspx page? Is it possible? if so, how..
Hi Dan and Team, I would like to programmatically change those controls on the RecurrentEventEdit.aspx page.. So they can be edited, disabled, enabled, etc... Is this possible and if so, please advis...
Ressource Tree Collapse JavaScript
Answered: Since build 2259, you can use DayPilot.Row.collapse() and DayPilot.Row.expand(): https://api.daypilot.org/daypilot-row-collapse/ https://api.daypilot.org/daypilot-row-expand/ In previous builds, you ...
How to scroll with mouse click and not with the mouse wheel SCHEDULER
Answered: You can scroll the grid using a "swipe" touch gesture. On touch devices, the time range selecting mode requires a "tap-and-hold" gesture to become activated. Before the selection is activated you can...
How to change transition in daypilot scheduler
Answered: You can scroll to the specified date using .scrollTo() method: https://api.daypilot.org/daypilot-scheduler-scrollto/ Demo: http://javascript.daypilot.org/demo/scheduler/scrolling.html Let me know if ...
Scheduler Event Resizing, notifying user of the overlap and then undoing the resize?
Answered: In the ASP.NET version you can do it like this: 1. Set EventResizeHandling to "CallBack". 2. In the OnEventResize handler, perform your checks. If there is an overlap, use UpdateType.None and notify ...
Change start time and end time of a day in DayPilot.Scheduler
Answered: You can customize the start and end hour by generating a custom timeline: https://doc.daypilot.org/scheduler/timeline/
Delete??
Answered: There are several options, please see the following documentation page: https://doc.daypilot.org/scheduler/event-deleting/
How to get days (dp.days) according to start date and end date from user selected
Answered: You can use DayPilot.DateUtil.daysDiff() helper method:
DayPilot.DateUtil.daysDiff("2016-06-09", "2016-06-10");
The arguments can be passed as strings (they will be parsed using DayPilot.Date con...
Preventing right button of the mouse from selecting a TimeRange
Answered: The following config disables selecting a time range using right mouse button:
dp.timeRangeRightClickHandling = "Disabled";
dp.onGridMouseDown = function(args) {
var button = DayPilot.Util.mo...
Testing the status of a room while selecting a timerange
Answered: If you store the resource status in dp.resource[].tags object you will be able to access it like this:
dp.resources = [
{ name: "Resource 1", id: 1, tags : {disabled: true } }
];
// ...
dp....
Timeline Queries
Answered: The output under the "DayPilot MVC" section in your sample image is what I would expect to see. This is how it is designed to work - the second time header row displays days and it starts and ends at...