how to resize a scale 9 grid enabled MovieClip that contains text with an embedded font ?

Question

Hi,

This might be simple one, since it's a design question mode than development ( think drawing UI graphics not OOD :) ) I've realized I haven't used the Flash IDE for design in a while. I created a simple button that has rounded corners and is made of:

1. a background clip
2. a base color clip
3. a text field
4. a highlight

This is what I've forgotten: "Also remember that even if a scale9Grid property is set, all text and child movie clips scale normally, regardless of which regions of the scale9 grid they are located in." from Sephiroth's good old scale 9 tutorial.

I've set a scale 9 grid for all the movieclips and the button resizes nice now, almost. My text field is dynamic. If the font isn't embedded, the button scales as I'd expect, but if I embed the font (which I need to), the text scales regardless of the scale 9 grid.

Is there any way to make MovieClip that contains a dynamic TextField with an embedded font, scale properly using a scale 9 grid ?

Answer 1

Not directly, no. However the easiest way around this is to just make the background it's own clip and place it and the textfield in separate layers in your MovieClip.

That sort of use of next clips is very common (for example, the built-in components use it all the time)