Questions Tagged how-to
Recurrences - Is there a way to dynamically/programmatically set the repeat until value?
Answered: You can do it by calling Until() method on the RecurrenceRule instance. It can be either a new new instance:
RecurrenceRule r1 = RecurrenceRule.FromDateTime("1", start).Weekly().Until(DateTime.Toda...
Scheduler under Angular
Answered: This turned out to be a bug of the latest version - since the introduction of "events" attribute it fails to recognize "daypilot-events". It's now fixed in the latest sandbox build (8.2.2072): http:/...
DataRecurrenceField, single events in db and "The recurrence info id doesn't correspond to event id." error
Answered: > In point 6 what would be the result of leaving the DataRecurrenceField n place for the control? If you leave DataRecurrenceField property empty the control will not read the recurrence rule from th...
Display Modal Box on Event Resize with Updated event details
Answered: If you want to open a modal dialog with event details after event resizing is complete, the best way is to open the modal dialog using AfterRenderJavaScript. This event is fired on the client side du...
Call Javascript Functions from Code File other than Page Load function
Answered: Please see AfterRenderJavaScript event which is described here: http://doc.daypilot.org/scheduler/callback-update/ On the server side, pass a custom object to .Update() - it will be available in Afte...
OnEventResized
Answered: In ASP.NET WebForms, only one event handler is fired for every event. You can specify it using EventResizeHandling. It can be "JavaScript", "CallBack", "PostBack", "Notify", etc. onEventResized is on...
Can I make Joint Events move together but not resize together?
Answered: Since build 2057 you can configure the behavior using the following properties:
dp.jointEventsResize = false;
dp.jointEventsMove = false;
You can test and download build 2057 in the sandbox: htt...
CSS hourcellborder gone?
Answered: You can apply custom CSS class to cells that close an hour.
protected void DayPilotCalendar1_BeforeCellRender(object sender, BeforeCellRenderEventArgs e)
{
if (e.End.Minute == 0) {
e.CssCl...
Increase Cell Width based on number of Events
Answered: Unfortunately this scenario is not supported. You can define a custom timeline (http://doc.daypilot.org/scheduler/timeline/) and set the column width as needed but the events will always be displayed...
Custom timeHeaders
Answered: Do you use the latest DayPilot version? The start/end properties for time header active areas are available since version 8.1 (build 8.1.1757). If I add your code to demo/scheduler/index.html it seem...
Calling Javascript Functions from Code File(.aspx.cs)
Answered: If you want to execute custom JavaScript after the server-side CallBack you can use AfterRenderJavaScript. This property specifies the JavaScript that will be executed after every update (i.e. during...
Popup don't go away after Create
Answered: You can find a working example of the "new event" modal dialog in the following tutorial: http://code.daypilot.org/59860/asp-net-mvc-5-event-calendar The calendar is configured to display the modal d...
Display Modal Box on Event Resize
How to display Modal Box when we resizing the event? When I applying Javascript to EventResizeHandling and calling a function OnEventResize, then its showing errors. And I want to show the updated va...
Modal Box on Event Resize
Answered: You can do it like this:
<DayPilot:DayPilotScheduler
...
ClientObjectName="dp"
EventResizeHandling="JavaScript"
EventResizeJavaScript="new DayPilot.Modal({onClosed:function(args){ if (a...
Backend ActionResult 'Events' not running?
Answered: If you open developer tools in Chrome (Ctrl-Shift-I) and reload the page you will see all AJAX requests in the Network tab. You should be able to check: 1. If the request has been made 2. What is the...
Change Calendar Data based on Dropdown
Answered: In ASP.NET MVC you can request a server-side refresh using Command event handler. 1. Store the filter (the selected user) in the clientState property and invoke the Command event handler:
var selec...
Event Move / Resize Refresh Slow
Answered: You can switch to "Notify" event handling to make it faster. If you use EventResizeHandling = CallBack the sequence is as follows: 1. The user finishes resizing. 2. The calendar/scheduler sends a req...
Example of storing recurring events as separate records.. please
Answered: Recurrence can get very, very complex. Don't expect any easy solution here. Just a lot of work. You can follow these steps: 1. store the original event with the rule in a special DB field 2. generate...
Create event in Scheduler (javascript)
Answered: Take a look at this tutorial: http://code.daypilot.org/72248/html5-scheduler-and-modal-dialog-jquery It shows how to use the modal dialog to add events to the Scheduler.
How do I delete the event from the database?
Answered: You need to call the server using an AJAX call, like this:
<div id="dp"></div>
<script type="text/javascript">
var dp = new DayPilot.Calendar("dp");
dp.eventDeleteHandling = "Update";
d...
DaypilotMonth event color change
Answered: You can set custom event background color using BeforeEventRender event handler: http://doc.daypilot.org/month/event-customization/
Does recurring events support "every third monday of the month"?
Answered: Unfortunately, this rule is not supported using the built-in recurrence mechanism at this moment.
Cannot implicitly convert type 'string' to 'DayPilot.Web.Mvc.Events.Gantt.RowClickHandlingType'
Answered: There is now a new guide on row selecting available in the documentation: http://doc.daypilot.org/gantt/row-selecting/ The latest sandbox build (8.1.5816) fixes a few related issues (such as the miss...
Display Popup with custom text in "header" of DayPilot Control
Answered: You can assign just one default bubble for each of the object types (BubbleEvent, BubbleCell, BubbleResource). You can also invoke the bubble manually using JavaScript like this: DayPilotBubble contr...
TimeHeader fontSize
Answered: Since build 8.1.3485 you can apply custom CSS class to individual time header cells (e.g. depending on the time header level) using BeforeTimeHeaderRender event. You can download the latest build in ...
angular ctrlAs
Answered: The latest sandbox version (8.2.2038) now fully supports controllerAs syntax:
<div ng-app="main" ng-controller="SchedulerCtrl as ctrl" >
<daypilot-scheduler
id="dp"
config=...
Context menu and icon
Answered: Yes, you can specify the icon using "Image" attribute of <MenuItem> tag:
<daypilot:daypilotmenu id="DayPilotMenu1" runat="server" CssClassPrefix="menu_default" ShowMenuTitle="true">
<DayPilot:Me...
My webpage gets laggy after a few hours when using Daypilot(trial) scheduler
Answered: Most likely it is an increasing memory consumption that is slowing the page down. A few hints: 1. Make sure that you have DayPilot Pro version 8.1.1969 or later (http://javascript.daypilot.org/daypil...
Events in a same cell
Answered: You can do this using UseEventBoxes=Never option: http://doc.daypilot.org/scheduler/exact-event-duration/ Just note that this is not DayPilot Lite, but DayPilot Pro. I'm removing the "lite" tag.