Questions Tagged how-to
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" ...
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
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...
How do you link events on a child resource where one id is linked on the child resource and the other id on the parent resource?
Answered: There are two ways to approach it: 1. Create an on-the-fly composite id for the child resources - this is what you do. 2. Create a unique record for every job-pour type link in the database and use t...
How to change font and localization of day of week at header of Daypilot lite Calendar?
Hi, I want to change font and localization of day of week at header of Daypilot lite Calendar. First, I tried to increase font size at header by changing DayFontSize at the DISPLAY section of the Day...
Error return JavaScript(SimpleJsonSerializer.Serialize("OK"))
Answered: You can try sending a different JSON response. This code sends just a string:
"OK"
This was not considered a valid JSON text in the original JSON spec and older implementations (older browsers, o...
Daypilot Modal window issue - Responsive
Answered: At this moment, the modal dialog is not fully responsive. However, it adjusts itself according to the page so it doesn't overflow the current viewport. You can also adjust the position by setting the...