Questions Tagged event
How to use angular component in bubble HTML
Answered: Sorry for the delay! There is a tutorial that shows how to insert an Angular component to the bubble. Angular Scheduler: Dynamic Tooltip It is necessary to instantiate the component and add it to the...
StartTime indicator when moving an event
Answered: You can do that using onEventMoving event handler:
dp.onEventMoving = args => {
args.top.enabled = true;
args.top.html = args.start.toString("HH:mm");
};
See also: https://api.daypilot.org...
Popover using onEventRightClick
Answered: I've solved with the following code: Added a unique class on event inside onBeforeEventRender: args.data.cssClass = args.data.id; Later, inside onEventRightClick I just look for that class and I acti...
More precise event's position
Answered: By default, the Scheduler displays event boxes rounded to the grid cell borders. The exact duration is displayed using the duration bar (if enabled). You can change this behavior using useEventBoxes ...
Control event text (numeric or alphanumeric)
Answered: The latest sandbox build (2020.4.4729) lets now includes an experimental onAfterEventEditRender event handler that lets you access the editing <textarea> element using args.element. You can use it to...
Scheduler scroll event
Answered: You may want to take a look at the "frozen rows" feature that may help with some scenarios: https://doc.daypilot.org/scheduler/frozen-rows/ If that doesn't work, you can use the addEventListener sync...
rowHeaderColumnResizedHandling - What event is triggered?
Answered: It fires onRowHeaderColumnResized event: https://api.daypilot.org/daypilot-scheduler-onrowheadercolumnresized/
Scheduler Event - Before the current date
Answered: Yes, you can mark the cells in the past as disabled: https://doc.daypilot.org/scheduler/disabled-cells/
unselect a selected event on event click
Answered: The default behavior corresponds to the typical file manager behavior - clicking an event selects it, clicking another event changes the selection to the new event, Ctrl+click is required to unselect...
position selected event on the center of view port when zoom in/out
Answered: You can scroll to a specified position using scrollTo() method: https://api.daypilot.org/daypilot-scheduler-scrollto/ You can get the selected event using multiselect.events(): https://api.daypilot.o...
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...
Scheduler: How to disable event move on touch devices?
I'm using angular scheduler. Here is my config: $scope.schedulerConfig = { allowEventOverlap: false, eventResizeHandling: "Disabled", eventMoveHandling: "Disabled", visible: true, scale: "Minute", ce...
Event Width Representative of Start and End Time, Monthly Event Calendar
Is there a way to get an event width to be representative of its start and end time? As an example scenario, if I had an event that started at 12pm (12:00) and finished at 6pm (18:00), is it possible...
Event Drag And Drop Between 2 Scheduler
I have Scheduler, Scheduler1 & Scheduler2 both have "cellDuration" property set to 30 mins. but when i drag and drop an event from Scheduler1 to Scheduler2, in scheduler2 it will create an event with...
Disable eventoverlap on on client side in calendar?
Answered: Unfortunately it's not implemented in the Calendar at the moment. It will be added in one of the future releases.
Where is the new event details stored?
Answered: In the ASP.NET version the events are loaded from the DataSource property when you call DataBind(). If you set StoreEventsInViewState to true they will be stored temporarily in the ViewState but it i...
Update event details in database using Ajax
Answered: I assume you don't want to use any of the built-in mechanisms (PostBack, CallBack, Notify). You can make your own AJAX call (e.g. using jQuery) from EventResizeJavaScript handler. Note that the JS co...
Display Modal Box on Event Resize with Updated event details
Answered: If you want to open a modal dialog with event details after event resizing is complete, the best way is to open the modal dialog using AfterRenderJavaScript. This event is fired on the client side du...
Multiple lines/rows in scheduler.events.list.text?
Answered: For overriding the event HTML, use the .html property. In order to add a line break, use "<br/>":
dp.events.list = [
{
start: "2015-12-01",
end: "2015-12-05",
text: "Event 1",
...
Open DayPilot for specific date + event and set focus - Example?
Answered: You can use .scrollTo(date, animation, target) method to scroll to a specific date: http://api.daypilot.org/daypilot-scheduler-scrollto/ You can use .scrollToResource() method to scroll vertically to...
Selected event unselects when I call .update() on Calendar?
Answered: This is a bug which has been fixed in build 8.0.1746. You can test it and download the latest build in the sandbox: http://javascript.daypilot.org/sandbox/calendar/eventselecting.html
How to process event double click without error in DayPilot Calendar?
Answered: Please see the documentation on how to use event double click event: http://doc.daypilot.org/calendar/event-double-click/ In the latest realease (http://javascript.daypilot.org/daypilot-pro-for-javas...
Daypilot Event Calender HeightSpec property Issue
Answered: If the calendar is inside a hidden element during startup the scrollbar position can't be set (this is a browser limitation). There is a workaround solution implemented in the latest sandbox build (7...
iPad time range selection
Hello all, When im testing my Javascript calendar, I am unable to drag, for example across 2 days, and make an event for those 2 days. I am only able to select 1 single day by pressing that day. Is t...
Execute javascript function after clicking ok button on event creation DayPilot Month.
Hello! My name is Roby. I'm using DayPilot Month Lite in my project. I need to trigger a javascript function after I click the OK Button into the event creation alert. My big questions (after reading...
Event bg color does not change after being selected in scheduler
Answered: Nevermind I found my own answer on this board with a bit more searching. For those curious here is the post that helped me. Thanks. http://forums.daypilot.org/Topic.aspx/1907/month-changing-event-bac...
How to show the different color for each type of Event (MVC doen't have e.DataItem)
Answered: It's now available in build 5528. See the sandbox: http://mvc.daypilot.org/sandbox/
AfterRender-Event MVC Calendar
Answered: Ok, I've found a solution. I overwrite the function in the document.ready. Example: $(document).ready(function () { dpCalendar.afterRender = function () { afterRenderCallback(); } });
Prevent event overlapping
Hello, I have seen two questions regarding this on the forum and the feature was supposed to be build in in 2011. Any news on that? How can I prevent my event from overlapping during TimeRangeSelecti...
Questions 1-30 of 33
Next