Rearranging RadExpander controls as it working in RadTileView

2 posts, 0 answers
  1. Shakeeb
    Shakeeb avatar
    1 posts
    Member since:
    Sep 2010

    Posted 24 Sep 2010 Link to this post

    I have multiple RadExpander as shown below.

     <StackPanel x:Name="stkExpander" Orientation="Vertical" Margin="10 90 15 5">
            <telerik:RadExpander x:Name="rad1" IsExpanded="True" Style="{StaticResource MyNewExpanderStyle}" Height="Auto">
                <telerik:RadExpander.Header>
                    <TextBlock Text="Header1" Style="{StaticResource HeaderTitle}" />
                </telerik:RadExpander.Header>
                <telerik:RadExpander.Content>
                    <telerik:RadWrapPanel IsAnimated="True"  
    Orientation="Horizontal" VerticalAlignment="Top"
    HorizontalAlignment="Left"  >
                        <Grid Height="120" ShowGridLines="False"   >
                        </Grid>
                    </telerik:RadWrapPanel>
                </telerik:RadExpander.Content>
            </telerik:RadExpander>
            <telerik:RadExpander x:Name="rad2"  IsExpanded="True" Style="{StaticResource MyNewExpanderStyle}" Height="Auto">
                <telerik:RadExpander.Header>
                    <TextBlock Text="Header2" Style="{StaticResource HeaderTitle}" />
                </telerik:RadExpander.Header>
                <telerik:RadExpander.Content>
                    <telerik:RadWrapPanel IsAnimated="True"  
    Orientation="Horizontal" VerticalAlignment="Top"
    HorizontalAlignment="Left"  >
                        <Grid Height="40" ShowGridLines="False"   >
                        </Grid>
                    </telerik:RadWrapPanel>
                </telerik:RadExpander.Content>
            </telerik:RadExpander>
            <telerik:RadExpander x:Name="rad3"  IsExpanded="True" Style="{StaticResource MyNewExpanderStyle}" Height="Auto">
                <telerik:RadExpander.Header>
                    <TextBlock Text="Header3" Style="{StaticResource HeaderTitle}" />
                </telerik:RadExpander.Header>
                <telerik:RadExpander.Content>
                    <telerik:RadWrapPanel IsAnimated="True"  
    Orientation="Horizontal" VerticalAlignment="Top"
    HorizontalAlignment="Left"  >
                        <Grid Height="200" ShowGridLines="False"   >
                        </Grid>
                    </telerik:RadWrapPanel>
                </telerik:RadExpander.Content>
            </telerik:RadExpander>
        </StackPanel>

    I want implement re-arranging functionality for RadExpander [as its working in RadTileView control]. How can I do this?
  2. Tsvyatko
    Admin
    Tsvyatko avatar
    833 posts

    Posted 27 Sep 2010 Link to this post

    Hello Shakeeb,

    If you need to achieve the reorder behavior similar to Tile view (including animations) I recommend to use it directly and style it to fit to your needs.

    If you prefer to use RadDragAndDropManager to achieve this you'll need to handle all the logic that is related to the start and end drag. For more information how you can check there articles:
    http://www.telerik.com/help/silverlight/raddraganddrop-getting-started-with-drag-and-drop.html
    http://blogs.telerik.com/miroslavpaskov/posts/08-10-15/radcontrols_for_silverlight_2_-_drag_and_drop_basics.aspx
    http://demos.telerik.com/silverlight/#DragAndDrop/FirstLook

    Let me know if you have any further questions.

    Greetings,
    Tsvyatko
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  3. DevCraft banner
Back to Top