Questions Tagged how-to
Keep menu item open on click when it has child items
Hello I have a context menu with an element on the first level, and this element has child items. Sample: Categories Category 1 Category 2 When the mouse is over "Categories", the child items are sho...
Update Navigator Visible Month
I use next and previous link buttons to switch to next or prvious week. (selectMode is set to "week") nav.select(date.firstDayOfWeek().addDays(1)); Works fine but if i reach a date outside current mo...
How do I can drag and prop some react component on the scheduler ?
I saw examples for angular and angular.js but we don't have it for react.js library
DP Scheduler: Hiding versions using onBeforeEventRender
I'm using onBeforeEventRender to modify underlying event data before it is rendered. Everything is working correctly except for this... While I can modify the data surrounding versions, the version i...
is there a way to update/refresh/re-render a single cell based on the resource id and date ?
Answered: By default, cell properties customized using onBeforeCellRender are cached until a full update(). 1. If your cell content depends on the overlapping events you can simply turn the caching off:
dp.b...
warm-up and cool-down on Resource Calendar
Hello, i want to try something like this: https://code.daypilot.org/82331/javascript-scheduler-warm-up-and-cool-down-time on the Resource Calender. Warm-Up areas should not appear from left to right ...
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...
Questions 1-30 of 2163
Next