Rearranging RadExpander controls as it working in RadTileView

[Shakeeb]

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?

[Tsvyatko]

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