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.
TimeRangeSelect shadow backcolor
How to customize the background-color of the timeRange on selecting?.
Uncaught String expected Error when export shceduler to jpeg
Answered: Please see a related question: https://forums.daypilot.org/Topic.aspx/4093/cannot-export-or-print-schedule-angularjs
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-...
[Issue] DayPilot Month fires error "NotFoundError: Node was not found"
Answered: Hi all, after a hour, I anwsered by myself. Here is my solution: dpm.onTimeRangeSelected = function (args) { dpm.clearSelection(); args.preventDefault(); }
Incorrect position of bubble on event mouse hover in scheduler
Answered: Thanks! It should be fixed now in the latest sandbox build (8.4.3072): https://javascript.daypilot.org/sandbox/ Let me know if there is any problem.
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 d...
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...
Daypilot Scheduler Event List has an event having id : "undefined"
Answered: The JavaScript Scheduler doesn't modify the "id" property of the event data object - I recommend checking your data source. Note that this is a very old DayPilot version which is not supported anymor...
uploading data
Answered: It turns out that the project included an incorrect version of _db.php that initializes the database. A fixed project is now available for download. The employees are stored in the database, in a tab...
Drag-Drop External event pops to first column
Answered: Figured it out: The second level columns need unique id's. They had id's from a for-loop that was reset for each first level column.
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.
Display mysql data
I have two input box and with the help of this two input data i wants to display my mysql data Ex. i have so many employee data in a single table then i wants to display only to those people whose ha...
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..
Calendar only showing events for first date in week
Answered: It looks like you didn't specify the date (start property) for the child columns. If the date isn't specified it uses the dp.startDate value (it doesn't automatically inherit the "start" value from t...
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...
Bubble configuration with Angular 2+
Answered: The bubble can be configured using a DayPilot.Bubble object which you assign to "bubble" property of the config. Example:
config: any = {
bubble: new DayPilot.Bubble({
animation: "fas...
Event and Resource/RowHeader Template Customization with AngularJs
Are there event hooks that can be latched into for when an event or resource is unloaded from the dom? It looks like I can hook into when they are loaded into the dom via the onBefore___Render events...
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/