Questions Tagged how-to
Gannt Period Limit
Answered: You can control the visible data range using StartDate and Days properties. You can use Days property to increase the number of visible days.
Move Resoources
Answered: You can also move a resource by modifying the "resources" array. Afer making the changes, call update() to refresh the Scheduler. This example sorts the rows alphabetically (by name):
var dp = new ...
dynamically set background
Answered: You can also change the background color of the grid cells, the mechanism is the same. Just use BeforeCellRender event handler:
protected void DayPilotScheduler1_BeforeCellRender(object sender, Day...
modal.showURL isn't firing the Page_Load so dropdownlist doesn't fill
Answered: Arghhh... In the Page markup at the top of the edit and new aspx markup... AutoEventWireup="true" needs to be set (as it is in the demo). Creating a new webform in visual studio by default sets that ...
Daypilot Modal (Mobile Safari Bug with Stretching)
There's an issue on mobile safari caused by it not returning the correct documentElement.clientHeight/Width. After testing some of the other ways to get the height of the modal I couldn't figure out ...
Can I make Joint Events move vertically across resources?
Answered: The behavior is controlled by multiMoveVerticalMode property. By default, it's set to "Disabled" which disables vertical moving. You can use "All" to enable vertical moving:
dp.multiMoveVerticalMod...
Import ics file
Answered: You'll need a library that handles iCalendar format to import an ics file. One of the free libraries available is DDay.iCal. It's used in the export tutorial for exporting the events to ics: https://...
Getting error Uncaught TypeError: Cannot read property 'id' of undefined
Hi, I am using daypilot-calendar control and daypilot-month control, In my application i added Week and Month view, so based on selection i hide other and show that component, Its working fine, But r...
DayPilotScheduler - hide non business hours
Answered: Unfortunately, this feature is only available in the Pro version. See also the feature comparison: https://aspnet.daypilot.org/feature-matrix/
[?] How to change the Event Areas value from dps.contextMenu
Answered: If you have access to the DayPilot.Event object (e) you can change it like this:
// e holds DayPilot.Event object
e.data.areas = [{ html: "Confirmed", right: jsonTags.AreasRight, bottom: jsonTags....
[?] Update Event client-site
Answered: After read some sample code, I know how to do. Instead of `e.client.moveEnabled = false; ` , it should be ` e.data.moveDisabled = false;` and after that, use ` dp.events.update(e).queue();` to update
Change color of some resource divider
Answered: Unfortunately the divider div is not part of the resource header element so you can't control it using resource properties. However, you can hide the default divider and use a bottom border of the ro...
options to split hour
Answered: For the Calendar component (used in index.php and doctor.php) you can adjust the scale to show 15-minute cells using cellDuration property:
var calendar= new DayPilot.Calendar("dp");
// ...
calen...
Showing Custom Data
Answered: The Scheduler requires the key data (such as event start, end, id) to be stored in specific properties. You need to transform your data items to match the required structure. You can use map() to do ...
How to get all events by Resource
Answered: Ben, You can get a list of all events like this:
var events = dp.rows.find("A").events.all();
And delete them:
dp.rows.find("A").events.all().forEach(function(e) {
dp.events.remove(e);
})...
Reduce tree parent heights compared to children
Answered: The row height is derived from the event height (the total height is adjusted automatically to fit all events). You can specify custom event height for the parent rows using eventHeight property: htt...
Drag and select default (without holding shift key)
Answered: You can change the behavior using onGridMouseDown event handler: https://api.daypilot.org/daypilot-scheduler-ongridmousedown/ Example:
dp.onGridMouseDown = function(args) {
args.action = "Rectan...
Drag items off scheduler
Answered: At this moment, you can only drop the events on another Scheduler instance. There are two ways to approach this: 1. Use a context menu item (something like "Unschedule") to remove an event from the S...
Manual scale timeline with minutes
Answered: Henry, The time headers can use one of the group sizes defined here: https://doc.daypilot.org/scheduler/time-header-groups/ If you want to use a group size smaller than one hour you need to use group...
java.lang.NoClassDefFoundError: Could not initialize class org.hsqldb.lib.FrameworkLogger
getting noclassdeffounderror exception, below is the full stack: May 24, 2018 12:12:25 PM org.apache.catalina.core.ContainerBase.[Catalina].[localhost].[/EventCalendarTier3].[DpcServlet] invoke SEVER...
No themes other than defualt included with Angular package 2018.2.3281
Answered: The sample CSS themes (including scheduler_8) can be found in the zip package (both trial and full versions), in demo/themes directory. You can also download it directly using this link: https://java...
Angular 6 issue
Answered: This looks like a bug of Angular CLI. There seems to be a problem with all dependencies that are not stored in the npmjs registry (such as tarball and git sources): https://github.com/angular/angular...
AllowEventOverlapping on the basis of conditions.
Answered: You need to implement a custom rule using onEventMoving event handler - in the ASP.NET version it's accessible using EventMovingJavaScript property. See also: https://doc.daypilot.org/scheduler/event...
CallBack as EventClickHandling and Using DayPilotCalendar1_EventClick method in cs file , want to use Redirect in DayPilotCalendar1_EventClick method
Answered: To perform a server-side redirect you need to use "PostBack" event handling type.
backend_delete
Answered: Please take a look at the documentation: https://doc.daypilot.org/calendar/event-deleting/ You need to use onEventDelete event handler to call backend_delete.php endpoint on the server side. You need...
Identify whether Event is selected or not
Answered: Please see multiselect.isSelected() method: https://api.daypilot.org/daypilot-scheduler-multiselect-isselected/
navigator control
Answered: You can get the visible date range using VisibleStart and VisibleEnd properties.
Number of Days and Performance
Answered: In the ASP.NET version, you can load the events dynamically during scrolling: https://doc.daypilot.org/scheduler/dynamic-event-loading/ This still requires the timeline to be loaded in full. That sho...
just update event without notification
Answered: Yes, correct. The .queue() and .notify() calls are only necessary if you want to send an update to the server. If you just want to make a client-side change you don't need to call any of them.
Navigator for both dayPilotMonth and DayPilotCalendar
Answered: https://code.daypilot.org/18967/event-calendar-with-day-week-month-views-for-asp-net-webfor probably is the answer thank you f