Questions Tagged javascript

Answered: I'm not able to reproduce the problem - however, it looks like a CSS issue. If you enable text wrapping some browsers may wrap the text after the hyphen. If the event height only allows one line of t...

Answered: Sorry for the delay... Unfortunately, the links can't be displayed on hover. You might be able to implement your own logic by only adding the selected links to the array (on event click, on active ar...

Answered: Yes, please see the "Event Selecting" topics in the docs: https://doc.daypilot.org/scheduler/event-selecting/

Answered: Yes, please see the "rowHeaderHideIconEnabled" property which enables an icon that lets users hide/show the row headers: https://api.daypilot.org/daypilot-scheduler-rowheaderhideiconenabled/ It's als...

Answered: It looks like without the BOM the browser doesn't recognize the <doctype> section at the top of the HTML file and renders the document in quirks mode. There might be a problem with some non-ascii cha...

Answered: It's not possible to display the bubble when the mouse cursor is still in move but you can configure the delay it waits (after the cursor stops moving) using showAfter property: https://api.daypilot....

Answered: Oh, of course... after hours of searching docs, I find something mere seconds after asking. I'm assuming it will be handled in "Event Moving Customization" correct? https://doc.daypilot.org/scheduler...

Answered: Andrew, Something like this can happen if you have an extremely large timeline. Try checking your combination of "scale" and "days" values. I'd try to keep the timeline length (the number of cells in...

Answered: Which version of DayPilot do you use? The latest version (2018.3.3417) seems to work fine so it might be a bug of one of the previous releases: https://javascript.daypilot.org/demo/kanban/angularjs.h...

Answered: Unfortunately, the ASP.NET version doesn't support client-side changes. It's bound to the server-side backend and it's necessary to invoke a callback (e.g. using commandCallBack() method) to request ...

Answered: Hi Tony, I'm happy to hear that DayPilot helps. Unfortunately the business hours are specified on the resource (row) level. At this moment, there is no way to set different business hours for differe...

Answered: The CSS class added using addClass() is now persisted to DayPilot.Scheduler.resources[].cssClass and it will survive update() calls. It's implemented in the latest sandbox build (2018.4.3445): https:...

Answered: The purpose of the additional active area div is to keep the icon visible even when you move the mouse out of the event box. It was incorrectly activated for visibility: "Visible" as well. It's now f...

Answered: Hi Nikola, I see. It's possible to use parents as well. Some examples use "treePreventParentUsage: true" setting to disable the parent rows but the default it to enable drag and drop for all rows. Se...

Answered: Unfortunately, this is not possible with the Calendar control - but this kind of view is served well by the Scheduler control.

Answered: Unfortunately, it's not possible to change event start/end in onBeforeEventRender. You'd have to modify the data source before assigning it to dp.events.list. It might be more convenient to do it on ...

Answered: Unfortunately, loading free/busy Navigator data is not supported in the Lite version at the moment.

Answered: You can identify it in onEventMove event handler - "this" object will point to the target Scheduler. This will work even if you reuse the same event handler function for all Scheduler instances. dp.o...

Answered: You can fix this bug by installing the latest sandbox build: npm install https://npm.daypilot.org/daypilot-pro-angular/trial/2018.3.3413.tar.gz --save

Answered: You can use "startDate" to change the visible date range: https://doc.daypilot.org/calendar/manual-date-switching/ The end date is calculated automatically, depending on the viewType value ( https://...

Answered: Sorry for the delay! You can hide it using custom CSS. For the default theme (scheduler_default) you can use something like this: .scheduler_default_tree_image_no_children, .scheduler_default_tree_im...

Answered: By default, the timesheet uses the short date format specified using the current locale for the day headers. You can customize the text using onBeforeRowHeader render event handler: config: any = { o...

Answered: Try using the TypeScript syntax: constructor(private router: Router) { } config: any = { onEventClicked: args => { this.router.navigate(.....); } } When using the JavaScript syntax "this" points to D...

Answered: Please make sure that eventHoverHandling property is set to "Bubble": config: any = { eventHoverHandling: "Bubble" }; This is the default value but the current version of the UI Builder ( https://bui...

Answered: Unfortunately, DayPilot Lite doesn't support disabled cells. However, you can check the dates in onEventMove, onEventResize, and onTimeRangeSelect events handlers and call args.preventDefault() to ca...

Answered: For Angular 5 Scheduler project please see the Angular 5 Scheduler Quick Start tutorial: https://code.daypilot.org/87636/angular-5-scheduler It includes the basic setup required in Angular 5. You can...

Answered: This issue should be fixed in the latest sandbox build (3394): https://javascript.daypilot.org/sandbox/calendar/index.html Please let me know if the problem persists. A new release with the bug fix w...