Questions Tagged feature
Vue Calendar component is not exposing its properties and methods
Answered: There is now a Vue Composition API example available in the documentation: https://doc.daypilot.org/calendar/vue-js/ Here is a shortened version that shows how to access the DayPilot.Calendar object ...
All day events
Answered: Yes, this is possible. Please see more here: https://doc.daypilot.org/calendar/all-day-events/
JavaScript Scheduler Model Custome date selection
Answered: You can use the "dateFormat" property of the date field:
const resources = [
{name: "Resource A", id: "A"},
{name: "Resource B", id: "B"},
{name: "Resource C", id: "C"},
];
const form ...
Scheduler - Fix row header columns during horizontal scrolling
Answered: Unfortunately, this would be an enormous effort and the result would be very complex UI - so I don't see a way to add this at the moment.
Previous And next not working when Adding more features to it..?
Answered: I recommend you to review the code and remove duplicate parts - that makes it confusing and error-prone. You define three functions that do the same thing. There are also other issues, like calling s...
Scheduler - New Event Placement Strategy
Answered: You might want to take a look at the "split resources" feature: https://doc.daypilot.org/scheduler/split-resources/ It lets you split a resource into multiple subresources, each having a special row ...
Feature: Display in new line if event overlaps htmlLeft / htmlRight of another event.
Answered: The element that displays htmlLeft/htmlRight content has variable width and it's not possible to calculate the real width without expensive pre-rendering. However, you can use a workaround: You can r...
How to use Previous and Next in the DaypilotMonth..?
Answered: The React monthly calendar component works the same way - you need to update the "startDate" property and provide the event data for the new range using "events" property. Another option is to update...
How I can Update events coming from api response..?
Answered: You need to get a reference to the DayPilot.Month object (using "ref" attribute) and call its update() method to display the events. You can find an example here (see the "How to load calendar event ...
Event Text Font size
Answered: When using the default theme, the Scheduler events are marked with "scheduler_default_event" CSS class (the outer div) and "scheduler_default_event_inner" (the inner div):
.scheduler_default_event_...
Multi move for calendar
Answered: At this moment, there are a couple of other features in the queue for the Calendar. If you would like to sponsor this feature and speed things up, please write to sales@daypilot.org to discuss the op...
Progress feature request: parent resouce in front of child resources
Answered: Hi Santor, It's in the works. Unless there is some problem, it will be included in the next release (June 1, 2022).
Parent resource in front of the child resources
Answered: This is not possible at the moment but it's in the queue and it should be available within 1-2 months.
Day-pilot Calendar - Event Link Feature
Answered: Unfortunately, the event links are only available in the Scheduler component at the moment.
ResizeStart / ResizeEnd not working on touch devices
Answered: This is a regression bug which should be fixed now in the latest sandbox build (2021.4.3805): https://aspnet.daypilot.org/sandbox/ Thanks for reporting the issue!
Warnings in Chrome console for the scheduler
Answered: The warnings on non-passive event listener only appear if you set the log level to "Verbose". It's a hint and not something that can be "fixed" in all cases. The non-passive listener is essential for...
UndoService in reactjs
Answered: Please see the following tutorial: https://code.daypilot.org/30113/react-scheduler-how-to-enable-undo-redo
rowheaderhideiconenabled set up colums which stay showed
Answered: Unfortunately, this is not possible at the moment. You can implement this feature using your own button. You can find an example here: https://javascript.daypilot.org/demo/scheduler/rowheadercolumns....
Scheduler: keyboard navigation using the Tab-key
Answered: The keyboard API is now available - please take a look at the following tutorial: https://code.daypilot.org/68177/javascript-scheduler-how-to-use-the-keyboard-api
Timeline with sqare options for event
Answered: Hi Mikolaj, There are two options: 1. If you want to display your data in cells (in the background layer), you can use the logic described in the following tutorial and modify the cell properties (ba...
Scroll for X-Axis in top of Scheduler
Answered: The scrollbar position is defined by the browser and it can't be moved. So the answer is no. You might be able to implement your own scrolling logic using scrollTo() and scrollToResource() methods: h...
Link bubbles
Answered: It was released as an experimental feature and it was not included in the API documentation and TypeScript definitions. It's still supported. It's now added to the API documentation: https://api.dayp...
Hotel room/floor representation
Answered: Yes, it is possible. You'd need to map the dates (e.g. the day of year part) to floors using a technique used in the ASP.NET timetable tutorial: https://code.daypilot.org/65101/timetable-tutorial-asp...
Scheduler RowHeaderMaxWidth desirable
Answered: You can achieve this using CSS - specify max-width for the row header text:
.scheduler_default_rowheader_inner_text {
max-width: 100px;
}
Scrolling on event draw/move/resize in Event Calendar
Answered: It's not coming in the near future. If you'd like to speed things up by sponsoring the feature please contact sales@daypilot.org.
Custom method for Business hours calculation
Answered: Hi Wolfgang, It's possible to adjust the start/end using onEventMoving while the event is being dragged: https://api.daypilot.org/daypilot-scheduler-oneventmoving/ There is also a related tutorial: h...
Find multiple events using DayPilot.Scheduler.events.find
Answered: The primary purpose of events.find() is to find an event by ID. It searches events.list and if you need to filter the event data I recommend accessing the data store directly:
let events = dp.event...
Max Width for rowHeaderWidthAutoFit
It would be great, if a maximum width setting for rowHeaderWidthAutoFit could be implemented. Should be trivial to implement in _autoRowHeaderWidth but I did not want to patch it to stay with the sta...
Allow to do a Rectangle selection on Row without snapping to the grid
Answered: This option is now available through snapToGridRectangleSelecting property in the latest sandbox build (2020.3.4604): https://release.daypilot.org/changes/js/
onRowClick/Clicked event
Answered: It's now available in the latest sandbox build (2020.2.4505): https://javascript.daypilot.org/sandbox/
Questions 1-30 of 316
Next