Questions Tagged how-to
How to use the Daypilot.menu.shadow
Answered: The context menu doesn't support an overlay that would block access to the background. If you want to block the background you can use the modal dialog instead: https://code.daypilot.org/81367/daypil...
How to adapt header size to the text ?
Answered: This should be done automatically when the "row header with auto-fit" feature is enabled (it is enabled by default): https://doc.daypilot.org/scheduler/row-header-width-auto-fit/ Please let me know i...
Rectangle Selecting color area
Answered: Build 2019.1.3539 now lets you customize the appearance using *_selectionrectangle class ("scheduler_default_selectionrectangle" for the default theme). The default definition looks like this:
.sch...
Angular Scheduler - Horizontal scroll position
Answered: It looks like the problem might be the scrollTo/scrollX/scrollY properties in the scheduler config object. If you add them to the config they will be re-applied whenever the Scheduler detects a chang...
toolTip not showing up
Answered: The toolTip is only displayed if a Bubble object (https://api.daypilot.org/daypilot-scheduler-bubble/) is not specified. In the current DayPilot Pro version, the bubble is initialized using a new Day...
Angular Scheduler Developer
Looking for a front end developer to work on a multi resource scheduling system. Minimum 3 years of experience working with angular. Minimum 9 years coding experience. If you want more information pl...
DayPilot children rows don't show up
Answered: You need to add:
treeEnabled: true
to your config. See also: https://doc.daypilot.org/scheduler/resource-tree/
2 rows for one resource
Answered: It is possible to display two rows for each resource: 1. The resource id needs to be unique. This can be done by prefixing a certain string to the resource id, e.g. "R" + id for reservations rows, "I...
How-To get resource by mouse position
HI; I want to get the resource depending on mouse position (Y position) !.. Thank you
I cannot load the events when I put if(IsPostBack)
If I set the condition of IsPostBack, then the dayPIlot control doesn't load anything! I'm writing the same logic that comes in the trial. DayPilot 2018.43692 First assign in the load the start dates...
How can we detect if the start or end of an event was changed?
Answered: Hi Jens, The e.part object is an internal structure that shouldn't be used for calculations. The e.part.start/end properties hold start/end for rendering purposes only - it won't always correspond to...
hourWidth
Answered: Hi Otto, The groupBy: "Cell" option sets the time header cell width to match grid cells. If you want to increase the grid cell width you can use "cellWidth" property: https://api.daypilot.org/daypilo...
dp.width = "100%";
Answered: By default, the Scheduler is rendered inside a div (the placeholder div which you specify using the id parameter of the constructor) which fills the available width (display: block). What you see mig...
ScrollTo Problem
Answered: This is my fix: jquery('.scheduler_default_scrollable').animate({ scrollLeft: jquery('.scheduler_default_separator').offset().left/2-100 }, 1000); Thanks!
Hide +/- boxes
Answered: You can hide the icons using treeImageWidth and treeImageHeight properties:
dp.treeImageWidth = 0;
dp.treeImageHeight = 0;
See also: https://api.daypilot.org/daypilot-scheduler-treeimageheight/ ...
Scheduler using parent100pct not working properly.
Answered: When using HeightSpec="Parent100Pct", it's necessary to set the parent height explicitly so the Scheduler can fill it. This can be done by setting its "height" CSS style or using "position:absolute" ...
a different row and event height
Answered: Yes, please see the following docs page: https://doc.daypilot.org/scheduler/row-height/
cellHighlighting - after event painting
Answered: The time range selection shadow (selection indicator) is always rendered in the layer below events. To make sure it's visible you can specify rowMarginBottom to add some extra space at the bottom of ...
Colors
Answered: Hello, I found a solution here in the forum and helpfiles. Thank you and best regards, Otto
dp.onBeforeEventRender = function(args) {
if (args.data.tags && args.data.tags.type === "important...
changes with mouse click
Answered: There is an onEventClick event handler which you can use to call a server-side endpoint using AJAX (to make the change persistent). You can also change the event color using DayPilot.Scheduler.events...
Wrap text in DayPilot Weekly Scheduler
Answered: The text wrapping is disabled by default - you can enable it using this property: https://api.daypilot.org/daypilot-scheduler-eventtextwrappingenabled/
timeline assign date
Answered: Hi Otto, You can create DayPilot.Date object from an ISO string using a constructor:
var date = new DayPilot.Date("2019-05-04T12:00:00"); // "2019-05-04 12:00:00" works as well
See also: https:/...
Edit resource name with JavaScript
Hello. I‘ve seen, that it is possible to change the name of a resource/row inline. Is it also possible to do this outside of Daypilot with an external formular? Since now I didn’t found a way to do t...
login to scheduler
Hello, is there a sample how to handle user login/logout for the scheduler users. Thank you in advance Otto
HTML5 Hotel Room Booking (JavaScript/PHP) bubble
Answered: The bubble text/HTML needs to be specified using "bubbleHtml" property of the event data object: https://doc.daypilot.org/scheduler/event-bubble/ If the "bubbleHtml" property is not part of the serve...
Show resource unavailability based on time-range not on cells
Answered: It's possible to implement custom rules using onEventMoving, onEventResizing and onTimeRangeSelecting events: https://api.daypilot.org/daypilot-scheduler-oneventmoving/ https://api.daypilot.org/daypi...
Request your support on day pilot challenges in implementation.
Answered: > 1) Horizontal line only visible in the scheduler control You can customize the CSS theme generated using the theme designer (https://themes.daypilot.org) and clear the style for the vertical line e...
How to visible false Day pilotgrid line asp.net
Answered: The grid lines are specified using the CSS theme, using "*_matrix_horizontal_line" and "*_matrix_vertical_line" CSS classes. Please see also: https://doc.daypilot.org/scheduler/css-classes/
BeforeCellRenderer fired only on Startup
I am using the BeforeCellRenderer event to modify certain cell's background color via DayPilot.Web.Ui.Events.BeforeCellRenderEventArgs which works as expected. the problem as soon as an event updates...