Questions Tagged how-to
autoScroll = "Always" for horizontal scroll only
Answered: Unfortunately this scenario is not supported at the moment.
Modifying the header row highlight style when crosshairType="Header"
Answered: You can change the crosshair appearance using CSS. The default built-in theme ("scheduler_default") uses the following CSS:
.scheduler_default_crosshair_vertical, .scheduler_default_crosshair_horiz...
DATETIMEPICKER?
Answered: DayPilot Pro includes a Navigator component that can be used as a full-size date picker: https://aspnet.daypilot.org/demo/Calendar/Navigator.aspx or as a popup: https://aspnet.daypilot.org/demo/Calen...
Create Event with popup-menu
How can I create an event by drag an area -> popup menu "Create Event" (like the one that pops up on right-click) -> Select = new event? Regards, Kim
TimeRangeDoubleClick not working
Answered: Time range double click is disabled by default. You need to enable it first using timeRangeDoubleClickHandling property: https://doc.daypilot.org/scheduler/time-range-double-click/ Let me know if it ...
How to show a page error from callback
Answered: You can pass custom data to Update() method on the server side. This data will be available in the client-side AfterRender event handler (AfterRenderJavaScript property): See also: https://doc.daypil...
Modal Dialogue - on exit, refresh an underlying page
Answered: You can reload the page by calling document.location.reload() in the onClosed event handler:
var modal = new DayPilot.Modal({
onClosed: function(args) {
// ...
document.location.reload...
Daypilot - change start day of the week
Answered: The first day of week is determined by the Calendar locale. The default locale is "en-us" which uses Sunday as the first day of week. You can switch to one of the predefined locales (https://api.dayp...
How to run the project sample
Answered: It looks like you'll need to enable SQLite PDO driver in php.ini config file (it's not enabled by default): Windows:
[PHP]
; ...
extension=php_pdo_sqlite.dll
; ...
Linux:
[PHP]
; ...
exten...
treeAutoExpand Option for GANTT
Answered: By default all nodes in the Gantt chart are expanded. You can override it for each node (task) by setting task.row.collapsed = true:
dp.tasks.list = [
{
id: 1
start: "2018-01-01T09:00:00",
...
Float value instead of time on x-axis
Answered: The X axis will always use datetime values internally but you can map your numeric/duration values to it (add it to the StartDate as minutes or hours). You can override the time header to display the...
Event Calendar hide weekends
Answered: If you'd like to display a custom number of consecutive days you can use "Days" view as described here: https://doc.daypilot.org/calendar/days-view/ It's also possible to display any combination of d...
How can i translate days into another language
Answered: Please take a look at the Localization topic in the documentation: https://doc.daypilot.org/month/localization/ You can use one of the predefined locales or you can define your own. In addition to sw...
javascript not running on server
Answered: I had to set the Anonymous Authentication user to DefaultAppPool and it is now fine.
Exact timerange selection when useEventBoxes is set to never.
Answered: In addition to useEventBoxes which affect the display of existing events there is also snap-to-grid feature which affects drag and drop: https://doc.daypilot.org/scheduler/snap-to-grid/ Unfortunately...
Collapse all Rows
When I click to open a row, is it possible to collapse the other rows without foreaches? Thanks in advance!
how to recalculate overlapping in onEventMoving
Answered: Found a solution here. Adjusting the Target Position https://doc.daypilot.org/scheduler/event-moving-customization/
Include this component in an Ionic project
Answered: Ionic is based on Angular so you can simply follow the documentation for the Angular scheduler: https://doc.daypilot.org/scheduler/angular-2/ Let me know if there is any problem.
Want to show Cell in color
I want to apply color for cell if respective date is having more than 1 count...I am using now dp.onBeforeCellRender() for the same. But its not very usefull for me.
TimeRangeSelect shadow backcolor
How to customize the background-color of the timeRange on selecting?.
AreaCollection in Calendar
Answered: The active areas are supported in Calendar cells but only with fixed positioning using area.Left/Right/Top/Bottom. Positioning using area.Start and area.End is not supported at this moment.
Why is some of the Calendar bar another color, sometimes?
Answered: By default, the event boxes are aligned with the grid (useBoxes="Always", see also https://doc.daypilot.org/calendar/exact-event-duration/). The duration bar is filled with the lighter color. The dar...
Overlapping events mode
Answered: You can find the overlapping event arrangement options here: https://doc.daypilot.org/calendar/event-arrangement-mode/
What determines if an Event is shown?
Answered: Each column uses two key properties: id start The basic rule is that event.start must be within the specified day (column.start) and the event.resource must match the column id (column.id). Plus: 1. ...
Following Event Editing example, but id is incorrect
Answered: I solved this. The documentation is incorrect for ASP.NET Web Forms. It tells you to use the following code: EventClickHandling="JavaScript" EventClickJavaScript="editEvent(e.id);" But this doesn't w...
Active drop-area in Calendar
Answered: You can use the real-time event handlers to check custom conditions: https://api.daypilot.org/daypilot-scheduler-oneventmoving/ https://api.daypilot.org/daypilot-scheduler-oneventresizing/ https://ap...
Is there any way to capture when the current date changes
Answered: In the ASP.NET version, you can subscribe to "onscroll" event on the main scrolling area. This element is accessible as "dp.nav.scroll" on the client side (where "dp" is the value of ClientObjectName...
getting selected events
Answered: This seems to work fine for me:
var dp = new DayPilot.Scheduler("dp");
// ...
dp.onEventMove = function (args) {
var selectedEvents = dp.multiselect.events();
};
dp.init();
If it still d...
Custom Tag - how to?
Answered: Your second example seems to work fine for me (in both AngularJS and plain JavaScript version). Just a couple of comments: 1. As you have noticed already, dataTagFields is not used in the JavaScript ...