Questions Tagged angular
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...
Drag and Drop issue on second time
I have dragged/drop an event first time after page load and it works fine but when the event is dragged/dropped second time then it gives me an error "Cannot read property ja of null". When i refresh...
Not having startDate and days filled in in the config doesn't cause the gantt to show every task
Answered: The parent tasks can either use fixed start/end values or values calculated from the children (which is the default mode). You can switch the mode using "taskGroupMode" property: https://api.daypilot...
Calendar (WeekView) seprator is hiding behind Event
Answered: In the Calendar component, the current time indicator position is fixed at this moment and it is always displayed below events. The indicator element is marked with ".calendar_default_now" CSS class ...
For Database
Answered: There is no specific PostgreSQL tutorial available but you can check the Angular + MySQL tutorials: https://code.daypilot.org/tutorials/mysql+angular In order to switch the tutorials to MySQL you'd n...
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.
implement DayPilot.Scheduler.treeAnimation for Daypilot.Gantt
Answered: It's now available in the latest sandbox build (2020.1.4318): https://release.daypilot.org/changes/js/
Angular Scheduler: Slow Scrolling on Resource Headers with Firefox
Answered: This issue should be fixed in version 2020.1.4249: https://javascript.daypilot.org/daypilot-pro-for-javascript-2020-1-4294/ Please let me know if the problem persists.
Angular Daypilot Scheduler ngOnDestroy
Answered: The message appears if you deploy the trial version. The trial version can only be used for evaluation and this message is a reminder that you need to purchase a license: https://javascript.daypilot....
angular timetable for school and class weekly timetable
is there any option to schedule a week for school / class timetable with custom timings and custom blocks?
Event on tals collapse/expand?
Hello, How do I fire an function when an user collapses or expands a row of the Gantt? I am using the angular version.
Resources names are not displayed
Answered: The "name" property, as well as "id" must be in lower case. See also: https://api.daypilot.org/daypilot-scheduler-resources/ Please note that this is not the free Lite version but a trial version of ...
Angular show() not working
Answered: In order to access the component using "this" you need to use the arrow function notation:
reSizeScheduler = () => {
this.scheduler.control.show();
}
See also: https://www.typescriptlan...
Angular 8 Scheduler Error: The placeholder element not found when refresh
Answered: Please see more here: https://forums.daypilot.org/question/4269/daypilote-angular-2-error-daypilot-scheduler-the-placeholde
Multiple resources header
Answered: The Calendar can display a hierarchy of columns, just use the "children" property to specify child columns. You can also set the date for each column using the "start" property. See also: https://doc...
Angular Scheduler Event Link Delete ContentMenu
Answered: The SchedulerConfig.contextMenuLink property is now supported in the latest version: https://javascript.daypilot.org/daypilot-pro-for-javascript-2019-4-4153/
Angular Scheduler Zoom : 'name' does not exist in type 'ZoomLevel
Answered: This should be fixed now in the latest sandbox build (2019.4.4154). The tutorial project uses an untyped config object so you can use this approach as a workaround:
config: any = {
// ...
}
Customer Event Add Modal
Answered: When the users selects a time range the Scheduler fires the onTimeRangeSelected event:
onTimeRangeSelected: args => {
this.create.show(args);
}
You can modify the event handler to...
Regarding Date
Answered: Please take a look at this tutorial which shows how to let users change the visible range: https://code.daypilot.org/27338/angular-scheduler-date-navigation
Angular Gantt Chart Cannot filter
Hi, The scheduler have rows.filter this function. https://doc.daypilot.org/scheduler/row-filtering/ However on gantt didnt have rows filter function https://doc.daypilot.org/gantt/rows/ How to do fil...
Angular Gantt Chart different Tasks in same one row
Answered: Only the Scheduler component can display multiple events/task in the same row. But it supports event links as well: https://javascript.daypilot.org/demo/scheduler/eventlinks.html
How can i set Day-pilot start and end hours as 8am to 8pm ?
Answered: You can use dayBeginsHour and dayEndsHour properties, please see an example here: https://doc.daypilot.org/calendar/overnight-scheduling/
Angular Gantt Chart replace onrowcreate with button
Answered: You can use your own button and add a new record to config.tasks property (Angular will detect the change) or you can use the direct API tasks.add() method: https://api.daypilot.org/daypilot-gantt-ta...
resource calendar
Answered: You can disable selected grid cells to make them unavailable for drag and drop operations: https://doc.daypilot.org/scheduler/disabled-cells/ See also the following tutorial that shows how to define ...
Looking for a way to update the viewport without having to scroll after render in DayPilot Scheduler
Answered: You can take a look at the following tutorial: https://code.daypilot.org/12302/angular-scheduler-zoom It's an Angular sample that uses the built-in Scheduler zoom support which retains the scrollbar ...
Bubble is positioned incorrectly (Angular 2+)
Hi I added dynamic tooltip in daypilot event calendar but the popover is seems to be misplaced. Please have a look at screenshot attached
Filter by Group
Answered: Yes, this is possible:
dp.onRowFilter = function(args) {
if (args.row.name.toUpperCase().indexOf(args.filter.toUpperCase()) === -1) {
args.visible = false;
}
var parent = ar...
Korean language support
Answered: Korean locale ("ko-kr") is now added in the latest sandbox build (2019.3.3983).
Hide bubble on outside click of calendar (Angular 6)
I'm showing bubble on click of event and I set hideAfter property to '0'. It works pretty well, but the bubble popover do not hide if I click outside of daypilot calendar. Any help is appreciated.
How to show popover on click of event in daypilot calendar
Answered: DayPilot includes a built-in callout named "bubble". See more here: https://doc.daypilot.org/calendar/event-bubble/ You can map it to event click action by setting eventClickHandling config property ...