Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

How to prevent calendar items from scrolling independently of resources? #81

Open
craigmday opened this issue Aug 16, 2024 · 1 comment

Comments

@craigmday
Copy link

craigmday commented Aug 16, 2024

Hi,

I have created a task scheduler similar to Scott Durow's example, and I'm struggling to prevent the calendar area from scrolling independently of the resources (people).

I have set up my Drag and Drop components and galleries per the video:
image

On my Home Calendar container, (cont_Home_Calendar) I have set the Vertical overflow to Scroll. On Resources Drag and Drop Component, and on my two sub galleries (gal_ResourceDate, gal_ResourceDateSlot), I have disabled scrolling.

I have set the Height of my gal_ResourceDate gallery to the height of the Resources Drag and Drop component, so the total heights match.

When I play the app and I scroll up or down in either the Resources Drag and Drop area, or using the parent container's scroll bar, it works perfectly and both the resources and the gallery scroll simultaneously.
image

However, if I scroll within the calendar area, it scrolls the calendar independently of the other elements. I have gone through Scott's initial video on the creating a Drag and Drop scheduler many times, but I can't figure out what I am doing wrong.

Has anyone else gotten this working correctly?

@craigmday
Copy link
Author

I found the problem. My Height calculation on my Resources Drag and Drop component included an adjustment for the gutter height, which seems to have caused an issue with the scrolling and the other galleries. I removed the gutter and it is working correctly. Not sure why it wouldn't work with the gutter, but it displays well without.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant