ExpanderControl Inside ScrollViewer Control

Hi Aaron,

This is actually the out-of-the-box behavior of the ScrollViewer component. You can simply use the ScrollToVerticalOffset method to instruct the ScrollViewer to go to a given position.

I hope this helps.

Regards,
Deyan
the Telerik team

Deyan,

I know of that property but I am not sure what I should set that to!  When the last ExpanderControl is clicked on or expanded, what do I set the ScrollToVerticalOffset value to? Also what do I set the value of ScrollToVerticalOffset when the ExpanderControl is collapsed?  Do you have any sample code for this please?

I have written the following which sort of works on the first time the ExpanderControl at the bottom of the ScrollViewer is expanded.  If you collapse the control and expand it a second time, it does not work.  Any ideas???

private void ecExpanderControl_ExpandedStateChanged(object sender, ExpandedStateChangedEventArgs e)
{
  if (e.IsExpanded == true)
  {
    GeneralTransform expanderTransform = ecExpanderControl.TransformToVisual(svScrollViewer);
    Rect rectangle = expanderTransform.TransformBounds(new Rect(new Point(ecExpanderControl.Margin.Left,
                               ecExpanderControl.Margin.Top), ecExpanderControl.RenderSize));
    double newOffset = svScrollViewer.VerticalOffset + ((rectangle.Bottom + 100) - svScrollViewer.ViewportHeight);
    Dispatcher.BeginInvoke(() =>
    {
      svScrollViewer.ScrollToVerticalOffset(newOffset);
    });
  }
}

Thanks once again?

Hi Aaron,

Since the RadExpanderControl opens with animation, simply catching the ExpandedStateChanged event would not be helpful enough. You may need to handle the LayoutUpdated event of the scrollviewer and constantly call the ScrollToVerticalOffset method by passing the maximum possible offset (depicted by the ScrollableHeight property of the ScrollViewer). This would pose further difficulties since the LayoutUpdated event is fired constantly when you're scrolling so you need to know when this event is fired because of scrolling operation, and when because of an expander being expanded. You can do this by observing the changes in the Visual States of the scrollviewer. There is an article on MSDN that describes how to do this:

http://blogs.msdn.com/b/slmperf/archive/2011/06/30/windows-phone-mango-change-listbox-how-to-detect-compression-end-of-scroll-states.aspx

This is what comes to my mind right now.

Greetings,
Deyan
the Telerik team