1 Reply Latest reply on Oct 21, 2008 4:27 PM by -Hob

    Skinning TextArea

    MackrorySD
      I'm trying to make a scrollable text area, and it needs to look exactly like the Java equivalent (don't ask...). One method I'm looking at is taking screenshots of the Java version and using the images to make a skin. I've figured out how to skin a button, so I could make my own TextArea from scratch and make my own scrollbar with it's own buttons, etc...

      But it would be much easier if I could just extend TextArea and manually override the images used for the arrow buttons, and the slider, etc... Is this possible? I can't seem to find the names of said objects in the API (i.e. if I extended TextArea, could I refer specifically to the down-arrow button? And would it be an object of type button?)
        • 1. Re: Skinning TextArea
          -Hob Level 1
          You can use TextArea's "verticalScrollBarStyleName" to control the look of its scrollbar:

          .textArea{
          vertical-scroll-bar-style-name:'textAreaVerticalScrollBar';
          }
          .textAreaVerticalScrollBar{
          downArrowSkin:SomeSkin.png;
          upArrowSkin:ClassReference("path.to.your.programmaticSkin");
          thumbSkin:some other skin...
          etc...
          }