Questions Tagged javascript
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/
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...
Undefined Variable
Answered: The original data object is available as DayPilot.Event.data property (see also https://api.daypilot.org/daypilot-event-data/). Most event handlers make DayPilot.Event object available as args.e, so ...
How to change the Date and time position in Daypilot calender
I want to change the Date and time position of Daypilot calender from horizontal to vertical. here is the link:https://code.daypilot.org/17910/html5-event-calendar-open-source Thanks