Questions Tagged how-to
How to keep original dates when moving events
Answered: You can call args.preventDefault() in onEventMove (not onEventMoved) to cancel the moving action: https://api.daypilot.org/daypilot-scheduler-oneventmove/ It's also possible to use the built-in overl...
How do I deploy daypilot light to my server?
Answered: Never mind. Just copied the dll to the bin folder for the website and voila it works.
Load multiple events in a resource without changing the resource width
Answered: Unfortunately, this is not possible. You can use custom event height but it won't affect the position of other events. Based on the overlap ordering rules, the events are arranged into "lines" inside...
How to load events only from a specific userID
Answered: PHP is not my primary language, but maybe you can try adding the userId as a parameter to the backend url. So dp.events.load("backend_events.php"); becomes: dp.events.load("backend_events.php?userid=...
Insert not working
Answered: I'd recommend checking the server response (backend_events_create.php call) using browser developer tools. It may include additional information about a server-side error.
Logical overnight scheduling
Answered: Hi Paul, This feature is not intended as a workaround for displaying long events. It's designed for views where the day boundaries are shifted - e.g. tv listings. The calendar will display events spa...
Scrollbars
Answered: There are two ways to hide the scrollbar: * adjust the content (make it smaller) * set an increased height/width manually By default, the height is set automatically according to the contents. The au...
Context Menu change position page scrolling up and down
Answered: The context menu is created using a <div> element that is placed directly under document.body as the last child. Its position is specified using inline styles ("position: absolute; top: ...px; left: ...
unselect a selected event on event click
Answered: The default behavior corresponds to the typical file manager behavior - clicking an event selects it, clicking another event changes the selection to the new event, Ctrl+click is required to unselect...
when click on even
when click on event how do I load event detail in pop up, now empty pop up shows up.
Group resources
Answered: Unfortunately, this kind of arrangement is not supported at the moment. The parent resource will always be displayed as a separate row.
how to add Switching Day/Week View
Answered: To switch the view, you just need to change the viewType value and call update(), like this: Switch to day view:
dp.viewType = "Day";
dp.update();
Switch to week view:
dp.viewType = "Week";
d...
Remove checkboxes
Answered: You can override the CSS for the leaf node icon. For the default theme, the CSS class is called "scheduler_default_tree_image_no_children". See also: https://doc.daypilot.org/scheduler/css-classes/ Y...
Drag and Drop from a TextBox or Label to the Scheduler grid
Answered: It's possible to activate TextBox and Label controls using DayPilot.Scheduler.makeDraggable(). You just need to target the corresponding DOM elements using JavaScript. For example, the <asp:TextBox> ...
How to disable rowheadercolumn resizing?
Answered: The latest sandbox build (2019.2.3812) now supports rowHeaderColumnsResizable property which lets you disable the row header column resizing:
dp.rowHeaderColumnsResizable = true;
When the resizi...
Adding extra fields in the db
Answered: You can have custom fields in the db table. In ASP.NET, you can load them using DataTagFields property: https://doc.daypilot.org/calendar/event-loading/ https://doc.daypilot.org/month/event-loading/ ...
Allocating a color to each event
Answered: Please see the documentation: https://doc.daypilot.org/month/event-customization/
How can I fix the position of the event when event overlaps?
Answered: You can apply custom sorting rules to overlapping events. Please see the example in the documentation: https://doc.daypilot.org/scheduler/event-sorting/ Let me know if this is not what you are lookin...
External drag and drop not working on application (web forms)
Answered: Please take a look at this demo: https://aspnet.daypilot.org/demo/Scheduler/ExternalDragDrop.aspx The source code of this demo page is included in the download package. You can use it as a starting p...
Multi-year 52 week planner
Answered: Yes, you can use scale: "Week" which uses a week as a cell size: https://javascript.daypilot.org/sandbox/scheduler/scaleweeks.html The week start is determined using the current locale (https://api.d...
How to make a deep-copy of a draggable event onto the scheduler
Answered: Hi Christian, There are two options: 1. You can cancel the default action in onEventMove and create and add the event object manually using a deep copy of the data object:
dp.onEventMove = function...
Is it possible to dragdrop an external element ON TO a target existing event and then do post processing?
Answered: You can use standard HTML5 drag and drop API to implement this functionality. Please see the following example: https://code.daypilot.org/12371/javascript-scheduler-events-as-drag-and-drop-target
How to collapse all groups by default ?
Answered: You probably mean the Gantt chart which displays the nodes expanded by default. You can override the default value using row.collapsed property of the data object:
{
id: 1
start: "2019-01-01T...
How to call custom function in onTimeRangeSelected
Answered: When you use the JavaScript declaration style you won't be able to access the component object as "this":
onTimeRangeSelected: function(args) {
// ...
this.myFunction(); // won't work
}
I...
Get calendar for full year
Hi, I would like to ask how can we get full year calendar? I want to add 12 pages in pdf for 12 months of the selected year. Is It possible with this?
Screen Resolutions and exportAs()
Answered: The Calendar and Month components now support options.width parameter that will let you override the dynamic width calculated from the current view. It's available since build 2019.1.3595 (see the sa...
Split event into multiple event-parts because of business hours
Answered: Hi Wolfwgang, Sorry for the delay. This scenario is not supported at the moment. However, you can do it the other way around - instead of hiding parts of the event you can hide the non-business parts...
How do I make my DayPilot Month Calendar to be Read Only in Asp.Net MVC?
Answered: You can make it read-only by disabling the drag and drop actions one by one:
@Html.DayPilotMonth("dpm", new DayPilotMonthConfig
{
BackendUrl = Url.Content("~/Home/Backend"),
EventMoveHandlin...
Row header click isn't working
Answered: The problem was because of "e" parameter, it shouldn't be there