Questions Tagged javascript
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...
Getting Uncaught Invalid timezone spec: 6667 error while loading the daypilot
Answered: It looks like you are using date/time string in a format that the Scheduler isn't able to parse. For a list of supported formats please see: https://api.daypilot.org/daypilot-date-constructor/
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...
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...
[DayPilot Pro for Angular] Calendar View does not automatically update events
Answered: Please make sure that you don't specify the [events] attribute in the template:
<daypilot-scheduler [config]="config" #scheduler></daypilot-scheduler>
If you specify the [events] attribute it wil...
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/
How-To get resource by mouse position
HI; I want to get the resource depending on mouse position (Y position) !.. Thank you
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...
ViewType = WorkWeek -> Days=1 and StartDate not monday
Answered: To get the calculated start/end you can use visibleStart() and visibleEnd() methods: https://api.daypilot.org/daypilot-calendar-visiblestart/ https://api.daypilot.org/daypilot-calendar-visibleend/ Th...
ScrollTo Problem
Answered: This is my fix: jquery('.scheduler_default_scrollable').animate({ scrollLeft: jquery('.scheduler_default_separator').offset().left/2-100 }, 1000); Thanks!
Critical error, unable to build code on production environment
Answered: For the record: 1. Problem: Compilation error message: "Unexpected value 'DayPilotModule in ... node_modules/daypilot-pro-angular/daypilot-angular.min.d.ts' imported by the module '...'. Please add @...
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/ ...
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...
Loading problem
Answered: Unfortunately, the order of "scheduler_default_matrix_vertical_line" elements is not guaranteed. If you want to display vertical lines at specified locations (e.g. to mark end of day) you can use sep...
Timeheader doesn't scroll vertically
Hi Daypilot, I'm using very old version of DayPilot having version "1418". Now I have a problem with Daypilot Calendar. In my Calendar, I have around 30 days, when I scroll to see another dates, the ...
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/
Disabled cells for DayPilot.Calendar
Answered: Yes, it's in the plan - it will be introduced in one of the coming releases.
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:/...