Questions Tagged how-to
problem on Event click
// i clicked on a event , the modal is showing , when i change in the first event all is fine but when i clicked another time on another event the args.e.id() have two values , the first event id and...
Resize of areas
Dear Dan, We have some questions regarding areas resize. We're using the warmup/cooldown example (https://code.daypilot.org/82331/javascript-scheduler-warm-up-and-cool-down-time) to define an event w...
How can I update the view after changing the BackendURL property?
Answered: 1. There is a clientState property that lets you define custom state on the client side. That usually includes filtering criteria, such as user, event type, etc. You only need to set it on change on ...
How to filter characteristics of an event?
Answered: Please take a look at the clientState/ClientState properties that I have suggested here: https://forums.daypilot.org/question/4794/how-can-i-update-the-view-after-changing-the-backendurl-pro See also...
How can I remove the scroll?
Answered: Please see the height configuration options here: https://doc.daypilot.org/calendar/height/ The "BusinessHoursNoScroll" and "Full" values of HeightSpec will display the Calendar component without the...
How can I remove the demo tag?
Answered: You need to replace DayPilot.Web.Mvc.dll and daypilot-all.min.js files in your project with the ones from the full version zip file.
Change the height of the row without firing events for all rows
Answered: Unfortunately, it's not possible to update a single row at the moment. The full update ensures that the data and view are in sync and updating just a single row could have unwanted side effects and h...
How can I make a filter per user?
Answered: You can add a custom constructor that will accept additional parameters: Action:
public ActionResult Backend()
{
var userId = ....
return new Dpc(userId).CallBack(this);
}
Dpc class:
pu...
How to populate the Daypilot scheduler based on Offsigner
Answered: You can apply custom event sorting: https://doc.daypilot.org/scheduler/event-sorting/ Another option would be using a standalone row/resource which would define the position without additional tweaks.
How do i change local and date format to fr-fr
Answered: You can change the culture/locale to "fr-fr" using DayPilot.Scheduler.locale property: https://api.daypilot.org/daypilot-scheduler-locale/
How can I only allow single row select?
Hi, I want to be able to select a single resource at a time (don't allow multiple rows selected). Is there a property or I should somehow handle this?
Bubble not showing up
Answered: You can specify the event bubble content using "bubbleHtml" property. Assigning new DayPilot.Bubble() to dp.bubble is not necessary (it uses an empty Bubble object by default). Example:
dp.events.l...
Little issue with css and areas
Hi, I'm using the following code in the onBeforeEventRender:
if (data.layer === 7) {
args.e.cssClass = `${args.e.cssClass} fas fa-times`;
}
if (!data.mo...
Red color for the Message
Answered: It's possible to change the background color using CSS. 1. You can create a custom theme: https://themes.daypilot.org/scheduler/create 2. You can override the background color specified using the def...
How to allow to move events from outside and to outside, but not within the scheduler?
Hi, Is there a way to prevent events moving within the schedule but allow to move from external div and into external div? Thanks in advance
Can cell widths be set differently for business/non-business times?
Answered: Hi David, That's correct - the manual timeline can't be use in combination with the infinite scrolling. Since version 2019.3.3947, you can use onIncludeTimeCell to modify the cell width during automa...
How to be able to select a row and also have double click working?
Answered: The row double click is not enabled by default. If you enable it using rowDoubleClickHandling = "Enabled" you'll be able to use both single and double click event handlers: https://api.daypilot.org/d...
Create and Assign event-specific contextMenus
Answered: The docs is now updated with an example that shows how to assign an event-specific menu using onBeforeEventRender: https://doc.daypilot.org/scheduler/event-context-menu/ Please let me know if there i...
Show total hours in Timesheet
Answered: You might be able to display it in the upper-left corner (that's the only free space): https://doc.daypilot.org/scheduler/upper-left-corner/
How to add button in daypilot scheduler
Answered: Please see the following tutorial - it shows how to add a button to the row header using active areas: https://code.daypilot.org/79997/angular-scheduler-row-header-actions
Multiple Schedulers Scroll Lock
Answered: Yes, but you need to do it on the client side:
// scrollbar synchronization
$(document).ready(function() {
$(dp.nav.scroll).scroll(function() {
dp2.nav.scroll.scrollL...
Using id from event in modal dialog
Answered: You should be able to pass the event id to the modal dialog like this: <DayPilot:DayPilotScheduler ID="DayPilotScheduler1" runat="server" EventClickHandling="JavaScript" EventClickJavaScript="eventCl...
Preventing move after answering cancel in the modal dialog
Answered: My colleague found a way:
if (data.masterbook > 0) {
args.async = true;
// Moving booking series should be handled differently
const { Modal } =...
Using cellDuration with business hours
Answered: The cells defined using cellDuration (or other scale types as well) will always start at 00:00 and the start won't be affected by the businessBeginsHour property. In fact, businessBeginsHour works be...
DayPilotScheduler and BeforeEventRender
Answered: This is correct, just make sure that BeforeEventRenderEventArgs is imported from the correct namespace (DayPilot.Web.Ui.Events.Scheduler). You can also specify it explicitly:
protected void DayPilo...
Scheduler Event - Before the current date
Answered: Yes, you can mark the cells in the past as disabled: https://doc.daypilot.org/scheduler/disabled-cells/
Day specific start and end time
Answered: The visibility of cells can't be specific to columns. However, there are two options (depending on the required logic): 1. You can mark specific cells as disabled which will make then unavailable for...
Regarding the "Demo" text
Answered: Yes, this is a trial version. The trial period is 60 days. If you want to use it after the trial period you need to purchase a license: https://javascript.daypilot.org/buy/
How can I make item not draggable
Answered: Never mind, solved it with the following:
for (let i = 0; i < this.bookings.length; i++) {
const drag = document.getElementById(`clipboardBooking${i}`);
if (drag) ...
Linked events assigned on one resource overlapping
Answered: Hi Vane, Unfortunately there is no built-in way to do this using a simple switch. There are couple of options that may help, depending on your scenario: 1. You can define custom sort order for overla...