RadMoveAnimation on Listbox item?

[Pooja]

Hello,

Would like to apply RadMoveAnimation on individual ListBox' item when tapped. Can some one guide me how to do this?

I am having a ListBox of images in a grid like structure. When any image gets tapped, it should move downwards (out of the screen)  pretending that the user has deleted the image out of the collection.

Having following layout:
            <ListBox x:Name="lstMain" Grid.Row="1" SelectionChanged="lstMain_SelectionChanged">
                <ListBox.ItemsPanel>
                    <ItemsPanelTemplate>
                        <toolkit:WrapPanel x:Name="wrapPanelMain" />
                    </ItemsPanelTemplate>
                </ListBox.ItemsPanel>
                <ListBox.ItemTemplate>
                    <DataTemplate>
                        <Grid Margin="12" x:Name="gridMain"> 
                            <Border BorderBrush="Red" BorderThickness="2">
                                <Image Source="/SampleProject;component/App.png" Height="62" Width="62"/>
                            </Border>
                            <Image Source="/SampleProject;component/Assets/cross.png" Height="62" Width="62"/>
                        </Grid>
                    </DataTemplate>
                </ListBox.ItemTemplate>
            </ListBox> 

Would like to move the grid item named as "gridMain" when tapped on it. 

Please suggest something.

Thanks.

[Rosy Topchiyska]

Hello Pooja,

Thank you for contacting us.

First you will have to get the selected item's container on which you can play the animation; you can see how in this thread:
http://stackoverflow.com/questions/9190200/how-do-i-get-access-to-the-item-in-a-listbox-that-is-being-rendered-rather-than
Here is an article from our online documentation where you can find information about how to play animations on UI elements: Animation Manager

I have attached a sample application for demonstration.

I hope this helps.

Regards,
Rosy Topchiyska
Telerik

 

 

[coni]

thanks you for Your help, i have same problems.

Regards,

Keboemen