Hello,
Our team is currently working on a scheduler with the ressources on the left like you can see in this example
https://stackblitz.com/edit/angular-rxd66j?file=main.ts
1st Question:
How can I add on the top of the ressources an excel filter like it is done with the columns of the component ejs-grid. The goal is to filter / sort the list of ressources.
2nd Question:
We want to use the scheduler with a grid at the bottom to drag an appointment from it and add it to the scheduler. With the allowRowDragAndDrop option, we can perform the action. But if we add a splitter (ejs-splitter) to cut the page into 2 with differents proportions of the grid or the scheduler dépending on the user's screen size, the row which is being dragged become insivible as soon as we move through the splitter.
How can we make it work so that the 3 components ejs-scheduler, ejs-grid, ejs-splitter can work together?
Thank you,
Nicolas
Hi Nicolas,
Greetings from Syncfusion support.
Q1: The goal is to filter / sort the list of ressources
Q2: We want to use the scheduler with a grid at the bottom to drag an appointment from it
We have validated your queries at our end and we have prepared a sample based on your requirements you can find the sample from the below link.
Note: You can resolve the Grid drag clone invisible problem with help of the below CSS styles.
[app.component.css]
|
.e-splitter.e-splitter-horizontal .e-pane.e-pane-horizontal, .e-splitter.e-splitter-vertical .e-pane.e-pane-horizontal, .e-splitter.e-splitter-horizontal .e-pane.e-scrollable, .e-splitter.e-splitter-vertical .e-pane.e-scrollable { overflow: unset !important; }
.e-splitter .e-split-bar.e-split-bar-horizontal, .e-splitter .e-split-bar.e-split-bar-vertical { z-index: unset !important; } |
Kindly try the shared sample and let us know if you need any further assistance on this.
Regards,
Ravikumar Venkatesan
