Directory Structure Example for the Button Control

The entries enclosed within the less than (<) and greater than (>) symbols in the following directory structure example indicate directories.

<SkinName>
  <Button>-- JadeSkinButton(<SkinName>_BN)
     imgBorderBottomLeft.png
     imgBorderBottomRight.png
     imgBorderBottomStrip.png
     imgBorderLeftStrip.png
     imgBorderRightStrip.png
     imgBorderTopLeft.png
     imgBorderTopRight.png
     imgBorderTopStrip.png
     imgInner.png
     <up>-- JadeSkinWindowStateImage(<SkinName>_BN_UP)
        imgBorderBottomLeft.png
        imgBorderBottomRight.png
        imgBorderBottomStrip.png
        imgBorderLeftStrip.png
        imgBorderRightStrip.png
        imgBorderTopLeft.png
        imgBorderTopRight.png
        imgBorderTopStrip.png
        imgInner.png
        imgPictureClosed.png
        imgPictureLeaf.png
        imgPictureMinus.png
        imgPictureOpen.png
        imgPicturePlus.png
     <down>- JadeSkinWindowStateImage(<SkinName>_BN_DN)
        imgBorderBottomLeft.png
        imgBorderBottomRight.png
        imgBorderBottomStrip.png
        imgBorderLeftStrip.png
        imgBorderRightStrip.png
        imgBorderTopLeft.png
        imgBorderTopRight.png
        imgBorderTopStrip.png
        imgInner.png
        imgPictureClosed.png
        imgPictureLeaf.png
        imgPictureMinus.png
        imgPictureOpen.png
        imgPicturePlus.png
...                         // and so on

For details about creating an empty skin directory structure into which you can load your skin image files, see the Application class skinMakeDirectory method, in Chapter 1 of the JADE Encyclopaedia of Classes.