Skip to main content
Participant
April 27, 2018
Answered

How to auto-size buttons to text?

  • April 27, 2018
  • 1 reply
  • 340 views

How does one auto-size the buttons to the text? When I create a button (via dragging dropping the project video files onto a menu) and then type the text in, the text goes way off the button, like this : How do I make it so it autosizes the gold portion to the text? Otherwise it is very time consuming, I know I am missing a simple setting somewhere but I do not know where. I have "sync button text and name" ticked and this does not change/fix it. Tried ticking/unticking "Create Text Subpicture" as well with no change.

Thx.

This topic has been closed for replies.
Correct answer Stan Jones

This behavior varies depending on the button you are using. A button like the one you are using has other button layers that appear to constrain the text appearance in Encore. The text is there, by the way; just use edit in Photoshop and you'll see it. But to get what you want, it is not just the text box that must be autosized; it is the other layers (button background; button shape graphics etc).

I never use the drop-and-create-button feature, and always preferred having all the buttons the same size even if the text is a bit different. Add the buttons first etc. using a button style that does not require modification.

Look for example at what you get if you set your default button as Sunset Button - that style is intended (look at the whole Sunset Menu) to run off the right side of the screen. If you type a long button name, it would eventually run into the problem you are seeing, but it would be off screen once you did. You are using a button style that shows its right end, and your text should not go past it.

You could edit the button in photoshop, and make all the layer elements larger, then just apply them to all the layers.

1 reply

Stan Jones
Community Expert
Stan JonesCommunity ExpertCorrect answer
Community Expert
April 27, 2018

This behavior varies depending on the button you are using. A button like the one you are using has other button layers that appear to constrain the text appearance in Encore. The text is there, by the way; just use edit in Photoshop and you'll see it. But to get what you want, it is not just the text box that must be autosized; it is the other layers (button background; button shape graphics etc).

I never use the drop-and-create-button feature, and always preferred having all the buttons the same size even if the text is a bit different. Add the buttons first etc. using a button style that does not require modification.

Look for example at what you get if you set your default button as Sunset Button - that style is intended (look at the whole Sunset Menu) to run off the right side of the screen. If you type a long button name, it would eventually run into the problem you are seeing, but it would be off screen once you did. You are using a button style that shows its right end, and your text should not go past it.

You could edit the button in photoshop, and make all the layer elements larger, then just apply them to all the layers.