Questions Tagged how-to
Missing something...
Answered: It looks like you might have overwritten the index.html file with one generated using the UI Builder (the generated index.html uses resources array with Resource 1 and Resource 2 defined). If you dow...
Create event from UTC
I'm trying to add a new calendar event from a UTC string coming from my server. How do I create an event from my UTC string? After I add the event it shows the event for 9:00pm when it should show 1:...
MVC with Foreign Key
I'm using daypilot on a ASP.NET Core but my model has a foreign key and I can't add a date for that reason, what can I do? or why I can't add a date, this is my code public class Reservacion { public...
How to show week number in Weekly view calendar?
Answered: You'll need to switch to the Resources view and generate the column hierarchy manually. Please see more here: https://doc.daypilot.org/calendar/column-header-hierarchy/
How to show Event name as tooltip in navigator?
Answered: Unfortunately, the navigator doesn't support showing event details. It can only show free/busy status for the visible days.
How to change the position of next and prev buttons in Day pilot navigator or manually invoke the methods associated with these two buttons?
Answered: The position of the next/previous buttons can't be changed. However, you can hide it using CSS and switch the dates manually using the select() method: https://api.daypilot.org/daypilot-navigator-sel...
How to show week number in Monthly calendar View?
Answered: You can show the week numbers in the first cell using onBeforeCellRender. Example for ISO week number (week starting on Monday):
dp.onBeforeCellRender = function(args) {
if (args.cell.start.getD...
Load events with skipping non business cells.
Answered: The events are defined using start/end (not using start and duration). When creating new events using the Scheduler with non-business days hidden the Scheduler will return the correct dates (taking t...
Alternating row colors when some rows are hidden
Answered: The latest sandbox build (2019.1.3540) supports args.cell.displayY in onBeforeCellRender and args.row.displayY in onBeforeRowHeaderRender that you can use to get the display Y position. No two adjace...
additional parameters when using onLoadNode
Answered: If you need to get client-side state on the server side you can use clientState property to store it (typically it's used for storing filter rules): https://doc.daypilot.org/scheduler/clientstate/ Wh...
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...