Questions Tagged how-to

Answered: I assume you don't want to use any of the built-in mechanisms (PostBack, CallBack, Notify). You can make your own AJAX call (e.g. using jQuery) from EventResizeJavaScript handler. Note that the JS co...

Answered: Dave, You need to store the rule definition with the master record even if you don't let DayPilot to expand it automatically. You will need it just for this case - to know how the rule was defined so...

Answered: For events that you have expanded manually you need to store this information in custom fields (DataTagFields) so you can access them later. You will not be able to identify them using e.recurrent() ...

Answered: When you specify the data source for the Gantt columns it will take the source data and display them using the default format. In case of DateTime fields, it is DateTime.ToString() method. This metho...

Answered: By default, the Scheduler prevents the event text from wrapping. You can change it using eventTextWrappingEnabled property: dp.eventTextWrappingEnabled = true; You can also set custom event height if...

Answered: You can add the image using BeforeEventRender - just modify the html using e.Html to include an <img> element. http://doc.daypilot.org/calendar/event-customization/ Another option is to use event act...

Answered: Unfortunately this is not supported at the moment.

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.Today....

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:/...

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...

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...

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...

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...

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: http://j...

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.CssClass = "add-...

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 display...

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...

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...

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...

Answered: You can do it like this: <DayPilot:DayPilotScheduler ... ClientObjectName="dp" EventResizeHandling="JavaScript" EventResizeJavaScript="new DayPilot.Modal({onClosed:function(args){ if (args.result) { ...

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...

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 selecte...

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...

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...

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.

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"; dp.onEventDelet...

Answered: You can set custom event background color using BeforeEventRender event handler: http://doc.daypilot.org/month/event-customization/

Answered: Unfortunately, this rule is not supported using the built-in recurrence mechanism at this moment.