Slide ListBoxItems

Hi Kirupa,

What should I need to do to slide ListBoxItems on Button click? Exactly you did in your Blend Image Gallery sample. I’m using ListBox and I need to slide ListBoxItems. Would you please help me to do this? Here’s my Xaml for your Clarification :


<StackPanel Orientation="Horizontal" Width="876">
            <Button x:Name="btnPrevious" Width="45" Height="44" Template="{StaticResource ButtonControlTemplate1}" Click="btnPrevious_Click" RenderTransformOrigin="0.5,0.5" >
            	<Button.RenderTransform>
            		<TransformGroup>
            			<ScaleTransform/>
            			<SkewTransform/>
            			<RotateTransform/>
            			<TranslateTransform/>
            		</TransformGroup>
            	</Button.RenderTransform>
            </Button>
            <ListBox Height="210" VerticalAlignment="Stretch" HorizontalAlignment="Stretch"
                 Margin="0,0,0,0" x:Name="ImageList" 
                     Style="{StaticResource ListBoxStyle1}"  
                     ScrollViewer.HorizontalScrollBarVisibility="Hidden" 
                     Width="786" RenderTransformOrigin="0.5,0.5" 
                     ItemsPanel="{StaticResource ItemsPanelTemplate1}" 
                     ItemContainerStyle="{StaticResource MyListBoxItemStyle}"
                     SelectionChanged="ImageList_SelectionChanged" MouseEnter="ImageList_MouseEnter"  />
        	<Button x:Name="btnNext" Width="45" Height="44" Template="{StaticResource ButtonControlTemplate2}" Click="btnNext_Click" RenderTransformOrigin="0.5,0.5"  >
        		<Button.RenderTransform>
        			<TransformGroup>
        				<ScaleTransform/>
        				<SkewTransform/>
        				<RotateTransform Angle="540.1"/>
        				<TranslateTransform/>
        			</TransformGroup>
        		</Button.RenderTransform>
        	</Button>           
        </StackPanel>