Questions Tagged how-to
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";
...
Disable right click on DayPilot Scheduler
Answered: By default, timeRangeRightClickHandling is set to "ContextMenu". That means grid right click activates the context menu - but it must be set using contextMenuSelection property. If you use timeRangeR...
Can I fix the position of Time line?
Answered: Yes. You need to use one of the HeightSpec modes that support a vertical scrollbar (Fixed, Max, Parent100Pct): https://doc.daypilot.org/scheduler/height/
Move event to a time that spans two different days in Calendar
Answered: Yes, you're right. The current implementation doesn't allow that. You might use DayBeginsHour and DayEndsHour as a workaround (it will let you customize the start and end hour so the midnight won't b...
Can't Seem to dynamically load on scroll
Answered: That was it. I was storing the resource as a varchar originally. Switched this to an int in the database instead, problem solved. Thanks for the help.
Display lines for 30 mins and hour cells when using Scheduler group by hour
Answered: 1. You can override the default vertical line style to dotted using CSS. This works for the default theme ("scheduler_default"):
.scheduler_default_matrix_vertical_line { background-color: inherit;...
Switcher for two kind of calendars
I'd like to have one navigator for two kind of calendars. One (day/week/month) shows paid events and second (day/week/month) shows not paid events. I have this code: <script type="text/javascript"> v...
Duratin bar in the DaypilotMonth
Answered: Please see the answer here: http://forums.daypilot.org/Topic.aspx/3596/durationbar-for-daypilotmonth-object
Dynamically change DataTextField by buttons in Calendar
Hey. Is there any way to dynamically change the DataTextField source by clicking button? For example I'd like to have two buttons: 1. Person Count 2. Event "Owner" and dynamically change the DataText...
How to check external drag item leave the scheduler?
Hi, I need some help about the event to check external drag item move out the scheduler area. How to check it? Thank you.
Week Numbers - Using Financial year
Hi, I would like my week numbers on the navigator to start from the 1st April, the financial year and not the 1st January Is this possible?
Copying a week
Hi, I am using the DayPilot Calendar for employee shift scheduling. I would like to create a "Master Rota" which would just be one week with fixed shifts on it. When they then create their main weekl...
How should the DPS be configured to display events up to 15 minutes in a cell?
Answered: I assume you want to prevent the Scheduler from aligning the events with the grid cells - in that case take a look at UseEventBoxes property: https://doc.daypilot.org/scheduler/exact-event-duration/ ...
EventMoveJavaScript
Answered: EventMoveJavaScript supports the following variables: e (DayPilot.Event object) newStart (DayPilot.Date object) newEnd (DayPilot.Date object) ctrl (boolean) shift (boolean) The Scheduler and Calendar...
Day/Week Event Calendar All Day Events with Exchange Web Services
Answered: You can use IsAllDayEvent property:
DataAllDayField = "IsAllDayEvent"
See also: https://msdn.microsoft.com/en-us/library/microsoft.exchange.webservices.data.appointmentschema.isalldayevent(v=exch...
Restrict resizing or moving event which goes to previous day
Answered: Update: "dp" is the DayPilot.Scheduler object. This is a complete Scheduler component example:
import {Component, ViewChild} from '@angular/core';
import {DayPilot} from "daypilot-pro-angular";
...
Scheduler navigation with JQuery Datepicker.
Hi, I have some issue with navigation with JQuery Datepicker. I have already test on local computer it's OK (has 7 days). But when I publish the project to azure the scheduler has 8 day. Not sure thi...
Call function in blade view laravel
Hello, there i using this js with laravel, how to call the function (e.g. loadResource-load event) in blade view? and how to call data from database? Thanks
reloading events on scheduler from server after initialization
I'm using a demo version of the scheduler pro for angularjs and am pulling in angulerjs v 1.3.8. I'm having difficulty re-loading the scheduler with events after the control has been initialized. Eve...
Displaying total hours when adding or editing shifts in daypilot scheduler control
Answered: The following tutorial (for AngularJS 1.x) shows how to display total time occupied by events in each row: https://code.daypilot.org/54503/angularjs-timesheet-tutorial-javascript-php You can use the ...
'CalendarController.Dpm.OnInit(InitArgs)': no suitable method found to override
Answered: It looks like you are missing the following import:
using DayPilot.Web.Mvc.Events.Month;
You can also add the full namespace to the header:
protected override void OnInit(DayPilot.Web.Mvc.Event...