Windows Presentation Foundation
A part of the .NET Framework that provides a unified programming model for building line-of-business desktop applications on Windows.
2,760 questions
How to fix storyboard moving tile within column
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(22.400000000000002, 96%, 12%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EMW%3C/text%3E%3C/svg%3E)
Michelle Wilcox
0
Reputation points
In working in visual studios storyboard- I am unable to move a tile within a column- but I can move it across different columns. If I wanted to move a tile up in the column- it is not allowing me. It appears to move when I drag it but then goes back to original position within the column
{count} votes
-
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(291.2, 11%, 38%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EHL%3C/text%3E%3C/svg%3E)
Hui Liu-MSFT 48,331 Reputation points Microsoft Vendor2024-02-29T03:40:28.45+00:00 Hi,@Michelle Wilcox. Welcome to Microsoft Q&A.
You can check the following possible factors .
Check Storyboard Keyframes:
Make sure you've defined the correct keyframes in your storyboard. The keyframes should specify the positions of the tile at different points in time. If you want the tile to move up within a column, you should have keyframes that represent the changing Y positions within the column. Example XAML snippet:
<Storyboard x:Name="MoveUpStoryboard"> <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateY)" Storyboard.TargetName="YourTile"> <EasingDoubleKeyFrame KeyTime="0" Value="0"/> <EasingDoubleKeyFrame KeyTime="0:0:1" Value="-100"/> </DoubleAnimationUsingKeyFrames> </Storyboard>Ensure Correct TargetName: Verify that the Storyboard.TargetName property is set to the correct name of your tile. This should match the x:Name attribute of your tile.
Check for RenderTransform: Ensure that your tile has a RenderTransform applied. You may use a TranslateTransform for moving the tile.
Example XAML for a tile with a TranslateTransform:
<Grid x:Name="YourTile" Width="100" Height="100"> <Grid.RenderTransform> <CompositeTransform/> </Grid.RenderTransform> <!-- Your tile content goes here --> </Grid>Ensure No Conflicts: Check if there are other storyboards or animations affecting the same tile. Conflicting animations may result in unexpected behavior. Storyboard Begin Method: Make sure you are calling the Begin method of your storyboard at the appropriate time. For example, if you want the tile to move when a certain event occurs, ensure that you call MoveUpStoryboard.Begin(); at that point. If the problem persists, could you show the complete sample code without privacy and the steps to reproduce the issue in your wpf project?
-
Hui Liu-MSFT 48,331 Reputation points Microsoft Vendor
2024-03-15T07:09:34.6766667+00:00 Hi,@Michelle Wilcox. Is there any update to the question? Has your problem been solved? If so, you could share it here. If you still have problems, please share with me the sample code that can reproduce the problem for analysis.
Sign in to comment
Sign in to answer