search envelope-o feed check
Home Unanswered Active Tags New Question

Questions Tagged javascript

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: the stack trace of the error: daypilot-all.min.js:10 Uncaught String expected text @ daypilot-all.min.js:10 (anonymous) @ daypilot-all.min.js:26 a.each @ daypilot-all.min.js:9 (anonymous) @ daypilot-...

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:

[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): 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.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: 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...

Download into pdf

How can i download the gannt chart into pdf format?

Angular 4+ Bubble stuck on screen

Answered: That should be fixed now in the latest release (8.4.3058): 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

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: 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:

Minimize row headers

Hi How can i get when i minimize parent row,i have to show all the events belongs to that in the parent row. Does this possible

Angular4 Calendar not showing new events

Answered: Hi! I answer my own question. In the calendar.component.ts, on the createdClosed function there is an error: createClosed(args) { /* This function gets called twice, first args is undefin...

how to set tool tip for daypilot-calender

Answered: The event tooltip is enabled by default (ShowToolTip property is set to true). The default tooltip uses the event text (loaded from the field specified using DataTextField). You can also customize it...
Questions 1-30 of 597 Next