Questions Tagged scheduler
Scheduler Spacing between Time header and Main area
Answered: You can add a special row frozen to the top of the grid: https://doc.daypilot.org/scheduler/frozen-rows/ You'd have to play with its properties and styling a bit. E.g. you can set custom height using...
Swap events but keep duration
Answered: The tutorial is now updated and it will keep the duration of both events after they are swapped:
var targetDuration = targetEvent.duration();
targetEvent.data.start = sourceEvent.data.start;...
Scheduler date problem
Answered: Try removing the following section from Page_Load:
DayPilotScheduler1.Scale = TimeScale.Manual;
DateTime start = new DateTime(DateTime.Today.Year, 1, 1, 12, 0, 0);
DateTime end = start.AddYears(1...
Update particular resources
Answered: Yes, you can use row.update() method: https://api.daypilot.org/daypilot-scheduler-rows-update/
Console.log display error unique ID
Answered: Unfortunately, I'm not able to reproduce the problem using the sample project. Please note that duplicate IDs are not allowed. Every event that you add to the Scheduler needs to have a unique ID ("id...
Issues with keyboard navigation and custom themes
Answered: The way the focused element (cell/event) is highlighted is not final and it may change in the final release - that's why the Theme Designer doesn't include support for the keyboard focus yet. The bui...
Write back from rendered component inside event to its data
Answered: You need to change the event data object and call dp.events.update(data); to update the view. Depending on how much you want to encapsulate the component, you can either pass DayPilot.Scheduler insta...
Changing resources property doesn't update in the frozen rows
Answered: This issue should be fixed now in the latest sandbox build (2020.4.4741). It also fixes this issue: https://forums.daypilot.org/question/5244/showing-hiding-resource-columns-doesnt-synchronize-with-f...
Is there an event on resizing rowHeaderWidth
Answered: Yes, it's onRowHeaderResized: https://api.daypilot.org/daypilot-scheduler-onrowheaderresized/
Showing/Hiding resource columns doesn't synchronize with frozen rows resource area
Answered: This issue should be fixed now in the latest sandbox build (2020.4.4741).
Scroll not working in ionic v1
Answered: We don't officially support Ionic. It may or may not work. Ionic is quietly intercepting events and doing some weird things, especially in the early versions. I recommend trying it with the latest Io...
Manipulate the text in the in-place editor
Answered: The args.newText value is read-only and you can change the text by canceling the default event and submitting the adjusted value:
dp.onEventEdit = function(args) {
args.preventDefault();
args...
Control event text (numeric or alphanumeric)
Answered: The latest sandbox build (2020.4.4729) lets now includes an experimental onAfterEventEditRender event handler that lets you access the editing <textarea> element using args.element. You can use it to...
No row header scrolling in combination with frozen rows
Answered: This issue should be fixed now in build 2020.4.4757. Please let me know if it doesn't work as expected.
Limit time range selecting to one day
Answered: It's OK, I found the solution myself using onTimeRangeSelecting
onDomAddEvent and onDomRemoveEvent are not triggerd
Answered: These events were renamed to onBeforeEventDomAdd and onBeforeEventDomRemove to make the names consistent with other events. The old events were supposed to be supported as well but there is a bug tha...
Customizing time header cell after binding
Answered: If you load the events using one of the optimized methods, e.g. events.load(); or update({events: [...]}); the Scheduler will only update the events. You'll need to force a full refresh to re-render ...
text-align: right does not work for *_event_inner class
Answered: You can override "display: flex" if needed. It is only used to enable vertical centering within the event box. You can also keep "display: flex" and use "justify-content" to align the event text to t...
cellWidthSpec = 'Auto' doesn't work with resources separator
Answered: This should be fixed now in the latest sandbox build (2020.4.4698): https://javascript.daypilot.org/sandbox/
Scheduler scroll event
Answered: You may want to take a look at the "frozen rows" feature that may help with some scenarios: https://doc.daypilot.org/scheduler/frozen-rows/ If that doesn't work, you can use the addEventListener sync...
Issue when rendering the scheduler
Answered: I recommend checking the data - it may contain invalid items which break the view. You can also check the JavaScript console to see if there are any errors.
Resource label vertical alignment on concurrent event
Answered: Unfortunately, this is not possible at the moment. You can modify the CSS and show the row header title at the top of the cell (the middle position may not work well for large heights).
How to get resource name instead of ID
Answered: You can get the row object (DayPilot.Row) using rows.find():
dp.onEventMove = function(args) {
var row = dp.rows.find(args.newResource);
// ...
};
It's also possible to use onEventMoving i...
infinity horizontal scroll
Answered: It seems i was to early with my post. i came across this documentation. https://doc.daypilot.org/scheduler/infinite-scrolling/ Going to try this out first.
In tutorial app is referenced
Answered: It's the Vue app:
var app = new Vue({
el: '#scheduler-app',
data: { }
});
It was missing in the previous code samples - the tutorial is updated now.
No of Days Calculation is getting reduced by One Day
Answered: If you only work with full days, you can switch to eventEndSpec="Date" mode which will translate the end date to "end of day": https://doc.daypilot.org/scheduler/event-end-date-time/ But that will no...
Display public holidays from date given
Answered: It's necessary to specify the holidays using full date, i.e. you need to specify it for all years that are applicable.
How display not only a current month?
Answered: You can specify the number of days using days property: https://api.daypilot.org/daypilot-scheduler-days/ This way you can display as many months as you need.