Questions Tagged how-to
Float value instead of time on x-axis
Answered: The X axis will always use datetime values internally but you can map your numeric/duration values to it (add it to the StartDate as minutes or hours). You can override the time header to display the...
Event Calendar hide weekends
Answered: If you'd like to display a custom number of consecutive days you can use "Days" view as described here: https://doc.daypilot.org/calendar/days-view/ It's also possible to display any combination of d...
How can i translate days into another language
Answered: Please take a look at the Localization topic in the documentation: https://doc.daypilot.org/month/localization/ You can use one of the predefined locales or you can define your own. In addition to sw...
javascript not running on server
Answered: I had to set the Anonymous Authentication user to DefaultAppPool and it is now fine.
Exact timerange selection when useEventBoxes is set to never.
Answered: In addition to useEventBoxes which affect the display of existing events there is also snap-to-grid feature which affects drag and drop: https://doc.daypilot.org/scheduler/snap-to-grid/ Unfortunately...
Collapse all Rows
When I click to open a row, is it possible to collapse the other rows without foreaches? Thanks in advance!
how to recalculate overlapping in onEventMoving
Answered: Found a solution here. Adjusting the Target Position https://doc.daypilot.org/scheduler/event-moving-customization/
Include this component in an Ionic project
Answered: Ionic is based on Angular so you can simply follow the documentation for the Angular scheduler: https://doc.daypilot.org/scheduler/angular-2/ Let me know if there is any problem.
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?.
AreaCollection in Calendar
Answered: The active areas are supported in Calendar cells but only with fixed positioning using area.Left/Right/Top/Bottom. Positioning using area.Start and area.End is not supported at this moment.
Why is some of the Calendar bar another color, sometimes?
Answered: By default, the event boxes are aligned with the grid (useBoxes="Always", see also https://doc.daypilot.org/calendar/exact-event-duration/). The duration bar is filled with the lighter color. The dar...
Overlapping events mode
Answered: You can find the overlapping event arrangement options here: https://doc.daypilot.org/calendar/event-arrangement-mode/
What determines if an Event is shown?
Answered: Each column uses two key properties: id start The basic rule is that event.start must be within the specified day (column.start) and the event.resource must match the column id (column.id). Plus: 1. ...
Following Event Editing example, but id is incorrect
Answered: I solved this. The documentation is incorrect for ASP.NET Web Forms. It tells you to use the following code: EventClickHandling="JavaScript" EventClickJavaScript="editEvent(e.id);" But this doesn't w...
Active drop-area in Calendar
Answered: You can use the real-time event handlers to check custom conditions: https://api.daypilot.org/daypilot-scheduler-oneventmoving/ https://api.daypilot.org/daypilot-scheduler-oneventresizing/ https://ap...
Is there any way to capture when the current date changes
Answered: In the ASP.NET version, you can subscribe to "onscroll" event on the main scrolling area. This element is accessible as "dp.nav.scroll" on the client side (where "dp" is the value of ClientObjectName...
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 ...
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...
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...
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...
Adding code to existing helper class for exchange
Hi there, I was wondering if there is some way to take this code from your example and build it into my Helper Class for exchange? The code: ExchangeService service = new ExchangeService(ExchangeVers...
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...
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" ...