Questions Tagged how-to
cells don't appear with background color
Answered: Are you using the latest DayPilot Pro version? This normally shouldn't happen and I'm not able to reproduce this problem. Anyway, as a workaround you can also call: dp.show(); It has the same effect ...
Calendar Timetable with TimeHeader as a range of start and end
I would like to make a Timetable (daily) for my events, just to have one under another (one in a line). I've seen a tutorial, but it is for WebForms. For now I've done TimeHeaders with range of start...
Error while compiling angular2 project using AOT compiler " StaticSymbols in summaries can't have members!".
Answered: The latest sandbox build (8.3.2769) now supports AOT. The Angular 2 components were moved out of the DayPilot.Angular namespace and it's necessary to use the new component names. The old components i...
one events on tow resources
Answered: There are several possible approaches: 1. You can select multiple ranges at once: https://doc.daypilot.org/scheduler/time-range-multi-selecting/ 2. You can select additional rows and create a record ...
Cell customize
Answered: I'm not sure if this is exactly what you are looking for but you can get a list of events the overlap a given cell in onBeforeCellRender using args.cell.events(). See also: https://api.daypilot.org/d...
New Lines in DataTextField
Answered: Oh nevermind, I just replaced Environment.NewLine with <br /> and in wrote protected override void OnBeforeEventRender(BeforeEventRenderArgs e) { e.Html = e.Text; } works nice now, there are new line...
Reloading daypilot control based on dates from textbox
How to reload daypilot scheduler based on date entered in a text box? Currently thought it taking value, once form is loaded, it show data loaded first time. Kindly assist
Half Day Blocks
Answered: Found a solution... function onEventMoving(args) { args.start = args.start.getDatePart().addHours(12); args.end = args.end.getDatePart().addHours(12); }
Event for ContextMenuSelection
Hey everyone, I tried to call a method in my contoller via a the MenuItemAction. In the normal ContextMenu the "OnEventMenuClick" event gets fired. So I want to know which event is for the ContextMen...
Change actual date to "Day 1" for shift cycle
Is it possible to change the actual date in the header, e.g. 02/16/2017 to "Day 1", "Day 2", etc.? This is useful when doing/showing shift cycles where a date is not relevant (dates are assigned late...
scrollToResource
I need to return the user to the last row they clicked on and see references to scrollToResource but it doesn't seem to exist in the Pro MVC build. Is there a way to do this in MVC?
Conditional Overlaps of Appointments?
Answered: You can use the real-time event handlers to implement it: EventMovingJavaScript EventResizingJavaScript TimeRangeSelectingJavaScript The latest sandbox build (8.3.3582) supports DayPilot.Row.events.f...
Default start time
Answered: In the Calendar control, you can use ScrollPositionHour property to set the initial scrollbar position.
Time and Attendance for ASP MVC
Hello, I am after a working time and attendance component with managers approval and invoicing - status (approval/rejected) and various states (like submitted, new, locked etc). So the same timesheet...
Monthly Time range selection is erratic
Answered: Thanks for the reply Dan. No issue with clearing it manually. It was just acting slightly different from the Lite version and wanted to be sure it wasn't something stupid that i did.
Grid Lines
Answered: If you mean the grid cells starting and ending at 12:00 (noon) instead of 00:00 (midnight) then this is implemented using a custom timeline feature: https://doc.daypilot.org/scheduler/timeline/ It's ...
User too much speed
Answered: The Scheduler supports BlockOnCallBack property that allows blocking the UI during CallBacks (until the CallBack is resolved). It temporarily places an overlay div over the Scheduler which prevents a...
Monthly Event Calendar - Steps after AJAX Calendar Event Moving not clear
Answered: To get it working you need these elements: 1. A MVC view with the calendar (Views/Home/Index.cshtml) 2. A controller action for this view (Controllers/HomeController.cs: Index() method) 3. A controll...
Cells drawing problem
Answered: Strange issue. The Scheduler doesn't get rendered properly when it's in a hidden part of a page during initialization (such as an inactive tab). This happens because the browser doesn't calculate dim...
Disable HeaderColumn resize
Hi, is there a method or a property to disable resize of HeaderColumns? I have created 3 custom columns in my scheduler and I really need to lock their size. Thanks Davide
How can I update the DayPilot in modal after adding events?
Answered: The Scheduler needs to read its own dimensions after rendering in order to render the current viewport. This isn't possible if the Scheduler is in a hidden area of a page (e.g. in a <div> with displa...
If you end modal with OK, it will result in an error.
If you end modal with OK, it will result in an error. Line: 1 Error: 'JSON' is not defined. It is normal to end modal with CANCEL
change the color
Answered: You can set the grid cell color using BeforeCellRender event handler. Alternate row colors: https://doc.daypilot.org/scheduler/alternate-row-colors/ Note that BeforeCellRender/e.X and e.Y are availab...
The END date will be added one day
Answered: This behavior is described here: https://doc.daypilot.org/scheduler/event-end-date-time/ You can switch the logic using EventEndSpec="Date" (the default value is EventEndSpec="DateTime"). Let me know...
Servers
Answered: With Angular CLI (which uses Webpack) the Angular 2 project needs to be run using "ng serve" (available as "npm run start"/"npm start") during development. That's why the tutorial uses two independen...
Change DurationBarColor when click
How can I change the DurationBarColor when I click on event? (Gantt) Is there a way that I can change a specific event style box from the program? When I tried the DurationBarColor it didn't work for...
How to hide Daypilot.contextMenu
Answered: You can use hideOnMouseOut property:
var dp = new DayPilot.Menu({
items: [ {...}, {...}],
hideOnMouseOut: true
});