Active Questions
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...
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-...
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/
Moving an event between schedulers reset the start time
Answered: This is a limitation of the current implementation. The event dragged from another Scheduler instance is treated like an event dragged from an external source (it only specifies duration, there is no...
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:...
Overflow of text in all day events
Answered: There was a bug in the default CSS theme that caused the text to overflow. It's now fixed in the latest sandbox build (2018.3.3356): https://javascript.daypilot.org/sandbox/ You can also generate a c...
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...
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).
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...
Start and Enddate parameters wrong when I click November and October month
I have a problem. I am using DayPilot Pro for Javascript. My events for October and November are not loading when I click on the month. I have checked to see what parameters for start and end date ar...
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: fu...
onClick should be onclick....
Answered: Just a quick background explanation: The "onclick" event has been replaced by "onClick" in version 8.3.2617: https://javascript.daypilot.org/daypilot-pro-for-javascript-8-3-sp6/ The new onClick event...
Drag and Drop on Surface Edge
Answered: The touch features are not fully supported in Edge at this moment. However, it's in the works and it will appear in one of the coming releases.
example not working
Answered: Please note that this example uses a context menu to item to split the event. The context menu is activated on right click (which seems to work fine).
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...
dynamically set background
Answered: You can also change the background color of the grid cells, the mechanism is the same. Just use BeforeCellRender event handler:
protected void DayPilotScheduler1_BeforeCellRender(object sender, Day...
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:
onAfterEventRende...
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...