Questions Tagged how-to
Resources expanded by default??
Answered: If you set DynamicChildren = true the Scheduler assumes that the children are not available and need to be loaded from the server (https://doc.daypilot.org/scheduler/dynamic-resource-tree-loading/). ...
Constrain Event moves in Scheduler to within Parent Resource?
Answered: Oh, of course... after hours of searching docs, I find something mere seconds after asking. I'm assuming it will be handled in "Event Moving Customization" correct? https://doc.daypilot.org/scheduler...
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 ...
Can an Event option be used to adjust Business hours for a Scheduler resource?
Answered: Hi Tony, I'm happy to hear that DayPilot helps. Unfortunately the business hours are specified on the resource (row) level. At this moment, there is no way to set different business hours for differe...
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...
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?
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 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.
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...
Display Context Menu On Touch Device Tap
Hi there, I am trying to display the scheduler event context menu when the user taps on the event from a touch device. I want this behavior to happen only on touch devices (small screens) not on desk...
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 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...
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 = {...
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...
Disabled Cells
Answered: What version of DayPilot Pro are you using? Disabled cells prevent all drag and drop operations, as you can see here: https://javascript.daypilot.org/demo/scheduler/cellsdisabled.html
Book few rooms in one go
Answered: It's possible to select multiple time ranges at once if you enable time range multiselecting as described here: https://doc.daypilot.org/scheduler/time-range-multi-selecting/ See also a demo (MVC ver...
Prevent event card scaling when at view boundry
Answered: You can disable this behavior using floatingEvents property:
dp.floatingEvents = false;
See also: https://doc.daypilot.org/scheduler/floating-events/
Sahred Calendar Month/week/Year view with Reminders
Hi, I have shared calendar working in weekly mode. How can we change the view from Weekly to Monthly / Yearly? Is Also Is there a way we can show reminders of upcoming meetings for that day with Deta...
Angular4 DayPilot question related to click handler
Answered: At this moment Angular templates are not supported in active area HTML. However, a solution is in the works and it will be available within a couple of weeks.
Footer row for Calendar
Answered: Unfortunately, a footer is not supported in the Calendar at the moment. The only option is to create a separate table with matching columns below the component.
Is this source code working with C# winform?
Answered: Unfortunately DayPilot Pro is only available for ASP.NET WebForms. It's possible to run the WebForms version in a WinForms application using an embedded browser (WebControl), but it's just a workarou...
Print Scheduler With Header On Every Page
Answered: With the direct print() method you only have limited control over the result (the browser will simply print the exported image). I recommend exporting the Scheduler to PDF, this way you can specify h...
columnBubble - get Date of Column
Answered: This was a bug which is now fixed in the latest sandbox build (2018.3.3388). You can test it and download the latest build here: https://javascript.daypilot.org/sandbox/calendar/daysresources.html Le...
Read a Shared Calendar Appointments
Answered: You should be able to get connect to a shared calendar like this. Instead of:
// load the default calendar
CalendarFolder calendar = CalendarFolder.Bind(Service, WellKnownFolderName.Calendar, new ...
Scheduler tree
Answered: This icon is defined using CSS. You can override it using ".scheduler_default_tree_image_no_children" selector (for the default CSS theme):
.scheduler_default_tree_image_no_children {
background...
Navigator: Get first and last date that is displayed
Answered: You can use visibleStart() and visibleEnd() methods: https://api.daypilot.org/daypilot-navigator-visiblestart/ https://api.daypilot.org/daypilot-navigator-visibleend/ Just note that both methods retu...