DayPilotAngular4 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.
Questions Tagged how-to
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 Pro...Ho To Install
Answered: You can get the sandbox NPM link here: https://npm.daypilot.org/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-imag...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...How to display time range of resource e.g. to show unavailability
I`m familiar with selecting cells to achieve that, but unavailability time range may not be rounded on cell duration.I want syntax get a day when I click to daypilot-navigator in angularjs
I want syntax get a day when I click to daypilot-navigator in angularjs: <article> <div style="float:left; width:160px"> <daypilot navigator id="navigator" daypilot-config="navigatorConfig" daypilot-...Hide RowHeaderColumns
Answered: Generally, if you want to change the Scheduler appearance, simply change the config as needed (i.e. remove the item from the array in this case) and call update(). This applies to row header column, ...How to hide the X (Delete) Button on an Event
Answered: You can use deleteDisabled property to disable the delete icon for selected events. You can add it to the raw event data object on the server side or you can set it using onBeforeEventRender: dp.onBe...How to combine filter by events with filter by rows
Answered: The latest sandbox build now extends the filtering API (both events and rows) so it doesn't force an update during the filter() call. Both methods have been extended with a second parameter (dontUpda...Overlapping events side by side instead of overlapping
Answered: Hi Thomas, Yes, that's possible. Just use: dp.eventArrangement = "SideBySide": See also: https://doc.daypilot.org/calendar/event-arrangement-mode/How to render component in event areas's html?
I have tried loading a component (<tw-popover-teams></tw-popover-teams> ) in 'html' of event areas but could not achieve. Please suggest. args.e.areas.push({ right: 6, bottom: 0, left: 0, visibility:...Bubble per event phase?
Bubble is a really nice upgraded tooltip since it allows custom html content. I have seen that bubble is tied to event and tooltip is tied to phases. My events have many phases and every phase has di...Using Bootstrap modal instead of DayPilot Modal
Answered: Yes, this is no problem. The DayPilot Modal is just an optional helper. This example shows how you can use DayPilot.Modal to ask for description when creating a new event: onTimeRangeSelected: functi...Hightlight cell or display tooltip with time range of cell on mouse hover on a cell
Answered: I'm not sure if this is what you are looking for but you can show a tooltip during time range selecting that will display the start and end of the selection (or any other text, it's fully customizabl...How to add css class to separator?
Answered: The latest sandbox build now supports "cssClass" property for separators. Also, the separator divs are marked with "*_separator" CSS class (e.g. "scheduler_default_separator" for the default theme).How can we get height of the event
Hi, I want to implement functionality that, In the events i am adding the users by adding active areas, But if suppose it goes beyond the height of actual event height then i need to show more info i...Change Back Color on Event Move
Answered: Most likely, the problem is that you are using EventMoveHandling="Notify". When using the Notify event handling mode the events are not reloaded from the server side unless you call DayPilotScheduler...How to remove default mousedown event on calendar events? - II
Answered: Thanks for the update. In that case you can use onAfterEventRender to remove the mousedown event handler. It's defined using onmousedown property so you can simply set it to null: onAfterEventRender:...Is there any setting for showing More events red icon
Answered: You can enable the indicators using "scrollLabelsVisible" property: config: any = { scrollLabelsVisible: true } See also: https://doc.daypilot.org/calendar/scroll-labels/How to remove default mousedown event on calendar events?
Answered: It's not possible to remove event handlers from the event div. However, you can handle onAfterEventRender event to get access to the event div and customize it. The event consists of two main <div> e...Custom data for Resources
Answered: The MVC version is designed to customize the rows on the server side (using DataItem and OnBeforeResHeaderRender) and at this moment there is no way to pass custom data to the client side.Business hours and minutes
Answered: 1. You can define the "business" status for each cell using onBeforeCellRender event handler: https://doc.daypilot.org/scheduler/cell-customization/ This affects the cell appearance (.scheduler_defau...Cannot use DayPilot.Angular.Modal
Answered: The modal dialog tutorial was created some time ago - the DayPilot.Angular namespace has been deprecated meanwhile. An updated version of the tutorial is now available (it uses Angular 6 and DayPilot...scheduler overlaps anything else i try and add to the web page.
Answered: It looks like you might have placed the Scheduler in an absolutely-positioned element that is displayed as a top layer. The Scheduler also supports a special mode where it fills the available space: ...Text on duration bar
Answered: 1. You need to increase the height of the duration bar. The height is defined using CSS and you need to override the default style. It's defined using two elements, .scheduler_default_bar and .schedu...