2 Replies Latest reply on Dec 16, 2008 3:14 PM by FabKM

    Skinned Button results in Text overlapping

    FabKM Level 1
      Hi all!

      I have a very persistant probem with my skinned button. Whatever I try, the result is a button with its text (eventually) overlapping to the right. The longer the text is, the more it overshoots the button.

      Does anyone know what the problem is and how to fix it?

      Detailed information:

      I made a 9-sliced button with Flash CS3 with transistions and states.
      I published it as a Flex component.
      I imported it within Flex to skin a button set.
      I use Flex Builder 3, Flash CS3, Flex SDK 3.2.

      And this is what it looks like

      Whatever I try, nothing seems to work. Desperation is near. ;)

      Thanks in advance for the help!!

      KM from The Netherlands
        • 1. Re: Skinned Button results in Text overlapping
          Level 7

          "FabKM" <webforumsuser@macromedia.com> wrote in message
          news:gi99ba$cjv$1@forums.macromedia.com...
          > Hi all!
          >
          > I have a very persistant probem with my skinned button. Whatever I try,
          > the
          > result is a button with its text (eventually) overlapping to the right.
          > The
          > loger the text is, the more it overshoots the button.
          >
          > Does anyone know what the problem is and how to fix it?
          >
          > Detailed information:
          >
          > I made a 9-sliced button with Flash CS3 with transistions and states.
          > I published it as a Flex component.
          > I imported it within Flex to skin a button set.
          > I use Flex 3, Flash CS3, Flex SDK 3.2.
          >
          > Whatever I try, nothing seems to work. Desperation is near. ;)
          >
          > Thanks in advance for the help!!
          >
          > KM from The Netherlands

          I'd put one of the 9-sliced images into a simpler component type and see if
          that's set up correctly. Image can be kind of wonky for 9 slice, so I'd
          maybe look at setting it as the bg for a Canvas and then play around with
          the size of the Canvas.


          • 2. Skinned Button results in Text overlapping
            FabKM Level 1
            Thanks Amy for your reply!

            As you suggested I tried to see what happens when applying the skin to a canvas, but nothing striking happened, as expected as the skin applied is an SWC specifically made to be a button component skin.

            The 9-sliced scaling seems to be working fine. My buttons stay in the correct shape as intended without any distortions. It's the labels that are being stubborn. Or, to be more precise, it's the width of the buttons that are not large enough to compensate for the longer lables.