Questions Tagged javascript

Clear cell values

Hi I have a resource called summary and showing the totals depending on resource. But when i changed the resource still showing the previous values. how can clear the values in some cells i.e is summ...

Move events dynamically joint

Hi, I'm using Daypilot Scheduler Javascript, and I'm wondering if the joint events feature could help me. What I'm trying the achieve is to move an event on the time axis using drag and drop, but at ...

Getting the filtered events

Hi, I have to get filtered events i mean events visible on the scheduler. Do we have any direct option or only through javascript function. thanks

Event move

Hi While moving the event,event is resizing.How to prevent resizing while moving the event Thanks

Want to show Cell in color

I want to apply color for cell if respective date is having more than 1 count...I am using now dp.onBeforeCellRender() for the same. But its not very usefull for me.

modal dialog

Answered: You need to add the buttons yourself. The showHtml() doesn't add anything to the HTML and only displays what you supply. You can close the dialog by calling modal.close() method.

Apply style sheet in sheduler

Answered: The Scheduler marks the important elements with custom CSS classes (the names are derived from the theme names). You can find the list here: https://kb.daypilot.org/62119/list-of-css-classes-used-in-...

getting selected events

Answered: This seems to work fine for me: var dp = new DayPilot.Scheduler("dp"); // ... dp.onEventMove = function (args) { var selectedEvents = dp.multiselect.events(); }; dp.init(); If it still doesn't work, ...

Custom Tag - how to?

Answered: Your second example seems to work fine for me (in both AngularJS and plain JavaScript version). Just a couple of comments: 1. As you have noticed already, dataTagFields is not used in the JavaScript ...

Restrict the event to one week

Answered: You can customize the drag and drop operations using the real-time events: https://api.daypilot.org/daypilot-scheduler-oneventmoving/ https://api.daypilot.org/daypilot-scheduler-oneventresizing/ http...

Apply theme to scheduler

Answered: All themes (except of the embedded "scheduler_default" theme) are defined in separate css files which need to be included in the HTML page. You can find the themes in "demo/themes" directory of the d...

Angular 4+, event multi select

Answered: Yes, it is supported in Angular as well. In Angular, you just need to specify the properties and event handlers on the "config" object instead of DayPilot.Scheduler object. All features work the same...

Angular 4+ Bubble stuck on screen

Answered: That should be fixed now in the latest release (8.4.3058): https://javascript.daypilot.org/daypilot-pro-for-javascript-8-4-sp6/ Let me know if the problem persists.

Need Information

Answered: Please see the PDF export tutorials at code.daypilot.org: https://code.daypilot.org/76551/html5-scheduler-paged-pdf-export https://code.daypilot.org/73551/html5-scheduler-pdf-export-javascript

Getting Error Msg

Answered: thanks for your reply.. currently we are using IE 10 will check the code and get back..

Set the working time shown

Answered: You probably mean the "Hiding Non-Business Hours" feature of the Scheduler: https://doc.daypilot.org/scheduler/hiding-non-business-hours/ You can show weekends by setting businessWeekends property to...

Tooltip not showing

Answered: The tooltip is automatically turned off if you turn on a bubble. In the latest DayPilot Pro version, the bubble is now automatically turned on (a new DayPilot.Bubble() object is assigned to "bubble" ...

Show the events when user collapse parent node

Answered: You can use the following events to detect a tree node state change: https://api.daypilot.org/daypilot-scheduler-onresourceexpand/ https://api.daypilot.org/daypilot-scheduler-onresourcecollapse/