Questions Tagged how-to
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 ...
Increase Font size of Date, Time, and Location DayPilot Scheduler
Answered: Since the introduction of CSS-only styling the appearance is now controlled using CSS. Only some selected styles can be controlled using direct properties (especially event-specific styles set using ...
tooltip
Answered: There is a property of BeforeEventRenderEventArgs called ToolTip:
Protected Sub DayPilotScheduler1_BeforeEventRender(sender As Object, e As BeforeEventRenderEventArgs)
' ...
e.ToolTip = "Too...
How to disable scheduler
Answered: You need to disable the features one-by-one using *Handling properties, e.g. EventClickHandling = Disabled, EventRightClickHandling = Disabled, EventMoveHandling = Disabled, TimeRangeSelectedHandling...
Display total for each resource and for each hour
Hi, My daypilot is group by below: timeHeaders: [ { groupBy: "Hour" } ], days: 1 I have two requirements: 1. View total of shifts for each resource I want to add column on extreme right side to displ...
Show Current date on moving
Hi, I have some question about to show current date on event moving. Can I set the scheduler to show only current date hover on the shadow and disabled start date and end date on left and right? Than...
Assign custom list in event list
Answered: The most common problem when the events don't appear is that the resource id reference (dp.events.list[].resource) doesn't match the id of the resource (dp.resources[].id). Note that it must be exact...
Using DayPilot.Modal.alert() DayPilot.Modal.prompt() and DayPilot.Modal.confirm()
Answered: A tutorial on using DayPilot.Modal.alert() is now available: https://code.daypilot.org/11136/javascript-alert-replacement Other modal types are coming soon.
Daypilot Angular2 scheduler control not displaying 15/30 min slots in header
Answered: You can download a sample project that shows how to customize the time header here: https://code.daypilot.org/96228/tutorial-javascript-scheduler-time-header-customization In Angular 2 you can use th...
Angular2 scheduler control not displaying 15/30 min slots in header
Answered: If you use groupBy: "Cell" in the row header definition it will display time header cells with size corresponding to the grid cells. Example:
config: any = {
scale: "CellDuration", // scale de...
DataTextField string from another table
Answered: At this moment it can only read direct properties - you'll have to create an alias:
public string PaintballName {
get {
return PaintballOption.Name;
}
}
automatic scrolling on resources
Answered: At this moment the autoscroll feature is enabled only during drag & drop by default. In order to scroll the resources down you need to use autoScroll = "Always" and move the mouse cursor close to the...
HTML in resource text
Answered: I've found a solution: dpCalendar_BeforeResHeaderRender In vb code I change the property e.html in e.html = "<b> & e.html & "</b>" if some my contitions are true. Bye Davide
How to split hour in DayPilot Lite (Is it still only in Pro)
If your answer is 'Only Pro': "Please inform/guide me a way to make it ( Lite version of MVC ) work to split an hour into 4 parts. As i only need this functionality, to be added in free version given...
Scroll to particular hour of day
Answered: The scrollTo() method also accepts DayPilot.Date object/ISO 8601 date string so you can use it to scroll to a specific point in time. The Angular 2 version also supports scrollTo as a property of the...
Display Assets Horizontal and Time Vertical with DayPilot Scheduler
Answered: At this moment the only way to display assets/resources on the horizontal (X) axis is to use Calendar with ViewType="Resources" as you mention: https://doc.daypilot.org/calendar/resources-view/ You c...
How to add text field in cell?
Answered: Yes, you can add custom HTML to grid cells using onBeforeCellRender event handler. Example:
dp.onBeforeCellRender = function(args) {
if (args.cell.resource === "A")
args.cell.html = "12";
...