Hi again Dorian,

I do have another question. I was looking at the Squad demo, I love the quick stats, weapons and skills animation when you select each member of the squad. I knew that was in a storyboard somewhere. I dug through the event section and found the event which is pointing at a storyboard within the resources.

How do I edit a storyboard like this? I'm thinking about our workflow down the road and don't want to get stuck not being able to make a change.

Thanks! -Jeremy

Hey Jeremy,

Currently, to edit a Storyboard, you need to first place yourself inside of the scope where the Storyboard (or Visual State animation, which is also a 'Storyboard') was created.

For example, in the case of a Button Animation, this would typically be inside of a Button Template.
In this scenario, you would enter the Template where it exists, then find it in the Template's Animation Panel's 'Storyboards' tab.

Or in many cases, these are often located at the Page level, so you'd first open the XAML page in which it was created, then navigate to AnimationPanel/Storyboards or AnimationPanel/VisualStates to find it, and edit it.

With that said, you bring up an absolutely excellent point about the functionality you expect here. I've gone ahead and created a Ticket for us to address this which you can find at #4928 if you want to add yourself as a 'Watcher' and follow its resolution.

In the absolute immediacy though, I don't want to leave you hanging with no way to find out where a Storyboard lives, so here is one stop-gap method you can use:

1) In the example of the file you picked, you can see that the Storyboard you are hovering is located in GlobalResources.xaml.


2) You can then pop open the Assets Panel, find the GlobalResources.xaml file, right-click on it, and select 'Open in VSCode' (or in Default App if preferred).


3) This will open it in a text editor. From here, you can do a Ctrl+F search for the Storyboard you are looking for:


4) If you then search through the instances of "Storyboard.Load", typically, at least one of them will be displayed not in the form of not where the Storyboard exists (above), but where the Storyboard is used (below):


5) And what we can gather from this lookup above, is that this Storyboard is used as part of a VisualState Animation within the 'Button.ControlTemplate.001' Button Template.
Then, all we need to do is to find 'Button.Controltemplate.001', in Studio's Resources, pop open its Animation/VisualStates Tab, and there, we'll be able to find the Storyboard in question.


Hopefully this works in a pinch, and in the longer term, this will work as you expected it to from the Resources Panel.

- Dorian

Thanks Dorian!