Resizing the states of a custom button

Oct 08, 2012

I've imported images as different states of a button that I've created. If I click on my button on the main timeline and resize it, it only resizes the first image (state normal). How can I resize the entire button (all of the states) at once?

25 Replies
Andrew Scivally

thanks for the tutorial but it doesn't work. I have a button with 4 images. (1 in each state) I resize the image in state 1 and then click the paint brush. I then click on state 2 and when I mouse over the image on the slide my state 1 image actually appears. (If I do these steps in button edit mode then the state 1 images doesn't appear but it still doesn't resize the image)

Doug Rice

Perhaps related to this...

I've noticed that I can apply format changes across all states of an object as long as I'm working on the slide on which I originally created that object. As soon as I copy the object and paste it to another slide, all format changes will only modify the "normal" state and none of the other states. This may not be what's happening with you, Andrew, but I wanted to bring it up. I've submitted a bug report for this.

Doug

Andrew Scivally

holy cow...we finally figured it out. Seriously this took forever.


Here are the steps:
1. import image
2. duplicate the Normal state
3. click on the image in the new state and choose "Change Pictue" button
4. browse to find new image and click Open
5. (now here's the key) you MUST resize the new image somehow. If you don't change the size then this state will never resize when you resize the button.

This is a bug for sure.

Ashley Terwilliger-Pollard

Hi Ros,

I'm sorry to hear you've run into an issue with this as well. Although this issue has been around for a bit, it seems there are two items discussed here one which Adrian confirmed as a feature and a variation of that which others in the community thought were a bug.

It also doesn't appear lots of folks have run into it based on this forum discussion and my experience in the E-Learning Heroes Community, and for those who have, there is an easy workaround from Andrew. Here's an inside look at how we prioritize bugs once we report them to our team. 

Happy to answer any other questions you have on this, or if you'd prefer to work one on one with our Support Team they're available 24/7! 

Ros McNamee

Well, maybe the community can weigh in on this. In my opinion, it is a bug because of how the "solution" Andrew presented.

To summarize, he is duplicating the "normal" state and then replaced the image or whatever element is here so now we have 2 states. The new state will STILL not resize if you resize the normal state. This is where I identify this issue as a bug.

The solution to this is to edit the new state and resize the element. Now if we resize the normal state, the new state gets resized along with the normal state. 

I can't see this as a "feature request" because of how it acts. If this is intentional, it is a very strange way of resizing new state elements along with the normal state. Either it was not intentional to even allow the user to resize these new state along with the normal state, or the solution Andrew found is actually the bug and we are taking advantage of it.

Also, I wouldn't call that an easy workaround. It's time-consuming and in a project where you have multiple states and possibly hundreds of elements, it's far from ideal.

Becca Levan

Hi Ros!

I'm happy to return to this discussion with an update—we've fixed the issue where the: 

  • Resizing an image on stage doesn't change the size of an object in state.

Be sure to install the latest Storyline 360 update (Build 3.50.24668.0) to take advantage of all the recent features and fixes.

If this happens again, please let us know! Or you can work directly with our support engineers here.

Ryan Martin

This seems to only work with Articulate's build in characters, but not other photos.

For example, if I insert an elearning art stock character and create the state "frustrated" to put in that characters "frustrated" pose ... resizing still only resizes the Normal state... not the "frustrated" state.

Is there a video showing how this work? Showing the fix in action?

Cheers.

Ren Gomez

Hi Ryan,

To help clarify, the bug Becca mentioned above was related to states of the same image. It sounds like you're using different images for different states and will experience resizing for only the Normal state. I confirmed this in Storyline 360 Update 52.

Since you're using different images, one tip I noticed was to resize the new state/image when you insert it before exiting the Edit States mode. When you resize the original image afterward, it should resize accordingly. Here's a quick peek covering that behavior.

Brett Conlon

So, is this issue now 10 years old? Sheesh. I've come to the forums looking for a solution to a simple resize problem. I've created my own Next and Back buttons. Each button simply has a blue, square base, and then two chevrons sit on top - a white one and a shadow under it, for pointing in the forward and backward directions. I've built States for Normal, Disabled (looks greyed out), Hover (looks darkened) and Down (has a red outline). But, I'm now wanting to make my buttons a bit larger on the stage. When I do, the blue base increases in size but the chevrons are remaining the same size and are moving out of centre - looks stupid! (see attached image with examples)

Why don't the contents of each of the states increase/decrease with the resizing of the main shape??? Even the Normal state's contents aren't resizing.

That's gotta be a bug, surely?!