Questions Tagged how-to
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
});
How to change the Day Width
Answered: You can customize the cell width using cellWidth property. The Gantt chart component is based on the Scheduler and in uses the same API:
dp.cellWidth = 60;
dp.update();
Not allowed to add event on same place after Deleting the event
Answered: Got this to work with following code change:- let shiftToDelete = dp.events.find(this.selectedEventId); dp.events.remove(shiftToDelete); dp.clearSelection(); But is it necessary to call clear selecti...
Angular2 row filter + auto width
Answered: A tutorial on row filtering in Angular 2 is in the works and it will be published in a day or two. The row header width autofit should work fine, let me check that.
Open edit window after creating
Answered: It's possible to open the edit dialog on the client side as soon as the TimeRangeSelected callback is finished. You can pass custom data back to the client side using DayPilotCalendar.Update() and re...
dp.scrollTo is giving performance issue on IE browser
Answered: Hi Devendra, Have you seen this thread? http://forums.daypilot.org/Topic.aspx/3626/angular2-scheduler-performance-issue-after-upgrade The latest Angular 2 version (2.3+) degrades Scheduler performanc...
Daypilot MVC Contextmenu configuration
Answered: You can build the DayPilotMenuConfig on the server side and pass it to @Html.DayPilotMenu helper using a Model. However, this will only work if you know the state when the page is being rendered. If ...
selete id of multiple checked checkboxes inside repeater
Hello I am new to this dypilot Calendar.Can anyone help me with this issue. I have 5 checkboxes inside a repeater. when i select multiple checkboxes i can load appointments only the last checkbox tha...
Daypilot angular2 scheduler control takes time to render (compared to FF,chrome) - peformance issue
Answered: Please see my reply here: https://forums.daypilot.org/Topic.aspx/3641/dp-scrollto-is-giving-performance-issue-on-ie-browser It points to a longer discussion: http://forums.daypilot.org/Topic.aspx/362...
Jasmine unit tests for DayPilot Scheduler AngularJs Typescript
Hi, I need to write Jasmine unit tests for my page containing DayPilot Scheduler. Is there any sample code available. I have downloaded the TutorialAngular2Scheduler.20160919.zip project but it doesn...
How to apply daypilot license?
Answered: You need to use daypilot-all.min.js file from the full package. This file is different for the licensed version.
Moving 2 day calendar
Answered: You need to use Scale="Manual" and generate the timeline manually: https://doc.daypilot.org/scheduler/timeline/ Something like this:
private void CreateTimeline()
{
DayPilotScheduler1.Scale = T...
Just purchased full version Scheduler Displays incorrectly
Answered: The "before" version uses an older version of DayPilot that used inline styling (CssOnly="false" mode). The easiest way to get the same appearance is to replace the demo dll with the same version num...
Display Meetings and cancel
Would like to know how to display all the calendar appointments and send a cancel invite for all the users using PS/EWSManaged API
Full View Print on Scheduler
Answered: Yes, it's possible using the standard exportAs().print() call. Just specify the area you want to export:
dp.exportAs("svg", { area: "full"}).print();
You can try it in the browser console in the ...