Active Questions
change cellWidth on the fly
Answered: Unfortunately, the ASP.NET version doesn't support client-side changes. It's bound to the server-side backend and it's necessary to invoke a callback (e.g. using commandCallBack() method) to request ...
DayPilot Responsive
Nice, easy to use package. I saw earlier question about making DayPilot responsive. I poked around in the code and found two lines where percentages are added as comments. I used the percentages inst...
CornerHtml Showing DEMO Even After licence Purchased
Answered: Please make sure that the DLL is reloaded properly. Sometimes it's necessary to remove the old DLL, run the project in Visual Studio (it will report a compilation error) and then add the new DLL. Let...
Showing tasks on group level
Answered: Hi Nikola, I see. It's possible to use parents as well. Some examples use "treePreventParentUsage: true" setting to disable the parent rows but the default it to enable drag and drop for all rows. Se...
Context menu on event creates an extra div
Answered: The purpose of the additional active area div is to keep the icon visible even when you move the mouse out of the event box. It was incorrectly activated for visibility: "Visible" as well. It's now f...
Modify end datetime in beforeEventRender
Answered: Unfortunately, it's not possible to change event start/end in onBeforeEventRender. You'd have to modify the data source before assigning it to dp.events.list. It might be more convenient to do it on ...
Is it Possible to show time on horizontal axis and date om vertical axis in calendar control
Answered: Unfortunately, this is not possible with the Calendar control - but this kind of view is served well by the Scheduler control.
Drag and drop into Angular schedular
Hi there Is it possible to drag and drop an external object into the Angular scheduler? Do you perhaps have an example or demo of dragging and dropping from another component into the scheduler?
How to disable or hide the expand/collapse button on resources
Answered: Sorry for the delay! You can hide it using custom CSS. For the default theme (scheduler_default) you can use something like this:
.scheduler_default_tree_image_no_children,
.scheduler_default_tree...
Error while updating cell html after eventMove
Answered: Hi Simone, You should try to avoid the direct cell modification. The Scheduler supports OnBeforeCellRender event handler on the server side which will let you specify the cell content in a more decla...
Is bolding of navigation calendar dates available in Lite version?
Answered: Unfortunately, loading free/busy Navigator data is not supported in the Lite version at the moment.
start date and end date
Answered: You can use "startDate" to change the visible date range: https://doc.daypilot.org/calendar/manual-date-switching/ The end date is calculated automatically, depending on the viewType value (https://d...
How to identify the new scheduler that the event was moved to?
Answered: You can identify it in onEventMove event handler - "this" object will point to the target Scheduler. This will work even if you reuse the same event handler function for all Scheduler instances.
dp...
Angular 6 Gantt - Cannot read property 'internal' of undefined
Answered: You can fix this bug by installing the latest sandbox build:
npm install https://npm.daypilot.org/daypilot-pro-angular/trial/2018.3.3413.tar.gz --save
Format date in timesheet mode (Angular 5)
Answered: By default, the timesheet uses the short date format specified using the current locale for the day headers. You can customize the text using onBeforeRowHeader render event handler:
config: any = {...
Disable cells previous to the current datetime
Answered: Unfortunately, DayPilot Lite doesn't support disabled cells. However, you can check the dates in onEventMove, onEventResize, and onTimeRangeSelect events handlers and call args.preventDefault() to ca...
How to routing on onEventClicked: function (args) { } ANGULAR
Answered: Try using the TypeScript syntax:
constructor(private router: Router) { }
config: any = {
onEventClicked: args => {
this.router.navigate(.....);
}
}
When using the JavaScript syntax "...
How to use bubblehtml on angular5
Answered: Please make sure that eventHoverHandling property is set to "Bubble":
config: any = {
eventHoverHandling: "Bubble"
};
This is the default value but the current version of the UI Builder (http...
How use Scheduler component on html component
Answered: For Angular 5 Scheduler project please see the Angular 5 Scheduler Quick Start tutorial: https://code.daypilot.org/87636/angular-5-scheduler It includes the basic setup required in Angular 5. You can...
daypilot calendar bubble bug (angular, general)
Answered: This issue should be fixed in the latest sandbox build (3394): https://javascript.daypilot.org/sandbox/calendar/index.html Please let me know if the problem persists. A new release with the bug fix w...