Questions Tagged javascript
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...
CellAray type is missing forRange function in Angular
Answered: Thanks for reporting the issue. The forRange() method is now added to the TypeScript definitions in the latest sandbox build (2018.3.3385).
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.on...
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/
No source variable in ContextMenu when opened programatically with TouchEvent
Answered: Hi Dan Thank you so much for your help. I upgraded to the latest stable version 2018.3.3353 and now it works without any issue... PS: I noticed that I can't install the sandbox version as pro version...
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...
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...
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...
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...
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...
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...
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...
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 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...
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.
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...
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/
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...
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...
How To Print Scheduler With Angular 4+
Answered: There are two options: 1. You can print the exported image (SVG format works best because it's scalable). This command exports the Scheduler as SVG and open the browser print image:
this.scheduler....
Display Resources on a time range
Answered: If you are switching the date using an .update() call you can simply update the resources array (https://api.daypilot.org/daypilot-scheduler-resources/) at the same time. It might be also possible to...
Event text is overlapping with added active areas
Answered: There are two ways to fix that: 1. Apply additional padding to the inner event div ("scheduler_default_event_inner" CSS class in the Scheduler) to prevent overlapping with the active area. 2. Set the...
Dose DayPilot Scheduler Pro support Undo & Redo ?
Answered: There is now a new tutorial available that shows how to implement undo/redo for the JavaScript Scheduler component: https://code.daypilot.org/33599/javascript-scheduler-undo-redo
Custom Context Menu
Answered: You can handle onEventRightClick event and use it to open your own context menu:
dp.onEventRightClick = function(args) {
args.preventDefault();
var e = args.e; // DayPilot.Event object
...
Questions 1-30 of 737
Next