Add/edit events with in-place editor

Asked by Anonymous
6 years ago.

Hi
I would like to use the DayPilot scheduler as time report board. When the user clicks on a cell in the scheduler, an in-place editor like a number box or a drop down list will be shown, where he can enter or select a value. By clicking on keyoboard Enter the event will be created or edited if its already exists. I attached a screenshot that shows what I mean.

The demo "https://code.daypilot.org/22738/angular-scheduler-rendering-angular-components-inside-events" shows how to embed an angular component inside an event. I'm not sure if I can go further with this demo to achieve my goal. Are there any no-gos that will prevent me to solve this issue?

Beside that, is it possible to navigate through the cells/events using the arrow keys? The focused cell or event will then get the in-place editor

Regards

how-to javascript

in-place-edit.png

Comment posted by Dan Letecky [DayPilot]
6 years ago.

Please hold on, I'll post an example that shows how to approach this. Keyboard navigation is in an experimental phase and it will be included in the example.

Comment posted by Anonymous
6 years ago.

Thank you very much. I'm looking forward to your example.
Regards

Comment posted by Anonymous
5 years ago.

Hi,
Is there any news about this issue?
Thank you

Comment posted by Anonymous
5 years ago.

Hi,
Is there any news about this issue?
Thank you

Comment posted by Dan Letecky [DayPilot]
5 years ago.

Sorry, it's been a bit delayed but it's in the works. The time frame is 1-2 weeks.

Comment posted by Anonymous
5 years ago.

Hi,
Now, I really need your answer during this week. Do you think this is possible?

I tried to integrate the number box from DevExtreme (https://js.devexpress.com/Demos/WidgetsGallery/Demo/NumberBox/Overview/Angular/Light/), but the scheduler behaves very strange in combination with this number box.

Please provide me your solution as soon as possible. Our roadmap is depending on finishing some features that need this in-place-editor in DayPilot scheduler.

Best regards

Comment posted by Dan Letecky [DayPilot]
5 years ago.

The upcoming tutorial is more focused on the keyboard navigation and it will be available this week.

Regarding the inline editing - have you tried the inline editing feature?
https://doc.daypilot.org/scheduler/inline-event-editing/

Comment posted by Anonymous
5 years ago.

Hi
Well, I didn't know about the inline editing feature. This is acutally what I wanted to know two months ago ;)
I'll wait for the keyboard navigation tutotrial
Thanks

Comment posted by Anonymous
5 years ago.

Hi
Is it possible to change the style of the textarea, that appears during the inline editing?

Comment posted by Dan Letecky [DayPilot]
5 years ago.

Please see:
https://forums.daypilot.org/question/5238/control-event-text-numeric-or-alphanumeric

The onAfterEventEditRender event handler lets you access the <textarea> element and you can modify the styles and/or add a CSS class this way.

Answer posted by Dan Letecky [DayPilot]
5 years ago.

The keyboard navigation tutorial is now available:
https://code.daypilot.org/29708/javascript-scheduler-keyboard-navigation

This question is more than 1 month old and has been closed. Please create a new question if you have anything to add.