DayPilotScheduler- Same Event Heights?

Asked by B
9 years ago.

I'd like to display two or more events in one cell but dont want to change the height of the event. I dont mind having a scroller bar inside the event or dont mind show an active event on cell and show the other events in a popup or something.

Basically I want one active event shown in the cell but want to show the user about the inactive events and somehow to display it.

I dont want to show them in bubble as I already display brief view of active event.

Your feeback is appriciated.

Thanks

how-to mvc

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

You can control the event overlap using EventStackingLineHeight property:

https://doc.daypilot.org/scheduler/event-stacking-line-height/

You can use a value from 0 to 100 (percent). 100 is the default value (events don't overlap at all). If you use 0 the events will be displayed in one row.

You can also control the event order using custom sort expression - https://doc.daypilot.org/scheduler/event-sorting/

Comment posted by B
9 years ago.

Thanks for your reply Dan. I have tried with "EventStackingLineHeight" 20, it still pushing the cell height and the adjusent cells where I got only one event looks really awkward.

Anyway I can have scroller bars?

Thanks
Binon

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

Unfortunately it's not possible to have a scrollbar inside a cell because events are rendered in a special layer on top of the grid.

But there is another option you might want to try:
https://doc.daypilot.org/scheduler/concurrent-event-groups/

This mode groups concurrent events into a single block that you can expand.

Here is a live demo (JavaScript version):
http://javascript.daypilot.org/demo/scheduler/groupconcurrent.html

Comment posted by B
9 years ago.

Hi Dan

Thanks for your email. It looks like you dont support the groupconcurrent feature in MVC? any example or ideas is welcome.

Thanks

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

It's supported in the MVC version as well (the documentation was out-of-date):

@Html.DayPilotScheduler("dps", new DayPilotSchedulerConfig {
  // ...
  GroupConcurrentEvents = true,
  GroupConcurrentEventsLimit = 2;  // (optional) don't group if there aren't more than 2 overlapping events
})

Demo:
http://mvc.daypilot.org/demo/Scheduler/EventsGroupConcurrent

Comment posted by B
9 years ago.

Thanks Dan, just realised that. How do achieve "onBeforeRowHeaderRender " to have collapse and expand on MVC.

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

The latest sandbox build (8.2.5838) includes BeforeRowHeaderRenderJavaScript property that will let you add the client-side event handler:

http://mvc.daypilot.org/sandbox/

It will be included in the next official release.

Comment posted by B
9 years ago.

Hi Dan

Thanks for your email, I will try that. Is it waiting for official release or shall I use the dll from Sandbox?

Thanks
Binon

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