Questions Tagged how-to
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 ...
uploading data
Answered: It turns out that the project included an incorrect version of _db.php that initializes the database. A fixed project is now available for download. The employees are stored in the database, in a tab...
Drag-Drop External event pops to first column
Answered: Figured it out: The second level columns need unique id's. They had id's from a for-loop that was reset for each first level column.
Angular 4+, event multi select
Answered: Yes, it is supported in Angular as well. In Angular, you just need to specify the properties and event handlers on the "config" object instead of DayPilot.Scheduler object. All features work the same...
Display mysql data
I have two input box and with the help of this two input data i wants to display my mysql data Ex. i have so many employee data in a single table then i wants to display only to those people whose ha...
Getting Error Msg
Answered: thanks for your reply.. currently we are using IE 10 will check the code and get back..