Many Nested RadExpanders with Scrolling

2 posts, 0 answers
  1. Paul
    Paul avatar
    24 posts
    Member since:
    Jul 2010

    Posted 22 Jul 2011 Link to this post

    Hi,

    I have the following code in a silverlight page.

    The expanders are being built dynamically and driven by the contents of a hierarchy that does not have a fixed depth. Sometimes it is only 1 level, sometimes it can be 10. This dynamic hierarchy is a key feature of the application.

    At the LOWEST level of hierarchy there is a grid of data content - demonstrated by a text box in the above code snippet. This grid may be 1 row, it may be 50 rows.; At each of the hierarchy levels, there will be a final TextBox in that section offering summary information (Including the lowest level)

    The problem I am faced with is simple to visualise, but hard to understand how to achieve (I'm relatively new to the expander and so forth)...
    Q. I want to make each of the hierarchy levels occupy sufficient space to store all of the child controls without scroll bars in that level, but I want the "overall" scrolling to be controlled by a single scroll bar contained at the root expander level.

    <telerik:RadExpander Header="TestExpander 1">
        <telerik:RadExpander Header="TestExpander 1A">
            <telerik:RadExpander Header="TestExpander 1B">
                <StackPanel>
                    <telerik:RadExpander Header="TestExpander 1C">
                        <TextBox Text =" Some Text box " Height="200"></TextBox>
                    </telerik:RadExpander>
                    <telerik:RadExpander Header="TestExpander 2C">
                        <TextBox Text =" Some Text box " Height="200"></TextBox>
                    </telerik:RadExpander>
                    <telerik:RadExpander Header="TestExpander 3C">
                        <TextBox Text =" Some Text box " Height="200"></TextBox>
                    </telerik:RadExpander>
                    <telerik:RadExpander Header="TestExpander 4C">
                        <TextBox Text =" Some Text box " Height="200"></TextBox>
                    </telerik:RadExpander>
                    <telerik:RadExpander Header="TestExpander 5C">
                        <TextBox Text =" Some Text box " Height="200"></TextBox>
                    </telerik:RadExpander>
                    <telerik:RadExpander Header="TestExpander 6C">
                        <TextBox Text =" Some Text box " Height="200"></TextBox>
                    </telerik:RadExpander>
                </StackPanel>
            </telerik:RadExpander>
        </telerik:RadExpander>
    </telerik:RadExpander>

    (Other stack panels and placeholders are ommited for brevity)

    In my examples above, My six level "C" items (1C;2C...6C) may require some 1200px of space, but the overall area available to the root expander "Test Expander 1" might only be 400 px within its parent host control. I need the "Test Expander 1" control to provide the scrollbar for the entire expander and not at the levels A, B or C.

    I hope this makes sense and you can offer a suggestion... K.I.S.S. please... I don't want swathes of templates and other stuff going on if we can avoid it. If a template is required for 1 level then great, but we need to "Keep It Simple Sxxxxx" ;-)

    Thanks in advance of your assistance.
  2. Paul
    Paul avatar
    24 posts
    Member since:
    Jul 2010

    Posted 22 Jul 2011 Link to this post

    OK,

    It pays to Google a bit more.
    The solution is simple using a ScrollViewer. D'oh !

    Paul.
  3. DevCraft banner
Back to Top