[jOrgan-user] Advice on jOrgan Skins needed

[<joh...@ex...>]

Hi all,
John Maher and I have been working hard creating the jOrgan soundfont 
for Mark Bugeja’s latest VPO – a modern German pipe organ installed in a 
church in Malta. We have nearly finished the soundfont.  I am finding 
the sound very pleasing, and look forward to having it on my home 
console.
Neither of us is very experienced with jOrgan Skins. I have started with 
the Classic skin and begun to add things as necessary. Mark supplied 
graphics, but we have to get them into the jOrgan framework.
I have started with the Stop image, and have uploaded to Dropbox a 
folder with a small disposition file and the skin needed for it. Here is 
the link to download the folder:
https://www.dropbox.com/scl/fo/k4kcdhbmzz6bbekxc1ofx/h?rlkey=p4xg03d8vbkmw6ixx1e412jj1&dl=0

If you place the disposition file and the skin folder into the one 
location on your computer, and double-click on the disposition file, you 
will be able to see and operate the stop (if you have a working version 
of jOrgan installed). There is no audio associated with this. Below are 
lines in the XML Skin file related to the Stop switch. “stop0” indicates 
Stop off. "Blank off.png" is the image for Stop off. I have added the 
numbering to make it easier to refer to the lines in question.

My particular concerns are these:
1.  I have tried increasing the size of the text by changing the “12” in 
lines 34 and 92, but doing this has made no difference. How can the text 
size be increased? Also, how would one discover what other fonts are 
available? (I have just noticed that the version of the Classic Skin I 
have used does not include a font file. Could this be the reason I can't 
change the size?)
2. How can I give the text lines just a little more width, if needed?
3. How can I place the text higher up on the image of Stop Off?
4. How can I place the text lower down on the image of Stop On, so that 
the text appears to move down the same amount as the stop does?

A short explanation from someone of the main terms being used in the XML 
file would be useful for any folk who wish to make up their own Skins. 
This could lead to a tutorial being created for the jOrgan InfoBase 
(e.g. button, border, anchor, padding, font style).

<style>
       <name>stop</name>
       <layers>
         <button>
     5     <binding>active</binding>
           <layers>
             <composite>
               <layers>
                 <image>
          10       <file>Blank off.png</file>
                  <border>
                     <top>0</top>
                     <left>0</left>
                     <bottom>0</bottom>
           15        <right>0</right>
                   </border>
                   <anchor>CENTER</anchor>
                   <fill>NONE</fill>
                   <width>0</width>
        20       <height>0</height>
                   <padding>
                     <top>0</top>
                     <left>0</left>
                     <bottom>0</bottom>
          25       <right>0</right>
                   </padding>
                 </image>
                 <text>
                   <alignment>CENTER</alignment>
         30        <binding>name</binding>
                   <font>
                     <name>Arial</name>
                     <style>1</style>
                     <size>12</size>
        35         </font>
                   <color>
                     <red>0</red>
                     <green>0</green>
                     <blue>0</blue>
         40        </color>
                   <antialiased>true</antialiased>
                   <anchor>CENTER</anchor>
                   <fill>NONE</fill>
                   <width>75</width>
         45        <height>75</height>
                   <padding>
                     <top>0</top>
                     <left>0</left>
                     <bottom>0</bottom>
           50        <right>0</right>
                   </padding>
                 </text>
               </layers>
               <anchor>CENTER</anchor>
     55        <fill>NONE</fill>
               <width>0</width>
               <height>0</height>
               <padding>
                 <top>0</top>
      60       <left>0</left>
                 <bottom>0</bottom>
                 <right>0</right>
               </padding>
              </composite>
   65        <composite>
               <layers>
                 <image>
                   <file>Blank on.png</file>
                   <border>
         70          <top>0</top>
                     <left>0</left>
                     <bottom>0</bottom>
                     <right>0</right>
                   </border>
         75        <anchor>CENTER</anchor>
                   <fill>NONE</fill>
                   <width>0</width>
                   <height>0</height>
                   <padding>
           80        <top>0</top>
                     <left>0</left>
                     <bottom>0</bottom>
                     <right>0</right>
                   </padding>
       85        </image>
                 <text>
                   <alignment>CENTER</alignment>
                   <binding>name</binding>
                   <font>
           90      <name>Arial</name>
                     <style>1</style>
                     <size>12</size>
                   </font>
                   <color>
           95       <red>80</red>
                     <green>20</green>
                     <blue>20</blue>
                   </color>
                   <antialiased>true</antialiased>
        100        <anchor>CENTER</anchor>
                   <fill>NONE</fill>
                   <width>75</width>
                   <height>75</height>
                   <padding>
        105          <top>0</top>
                     <left>0</left>
                     <bottom>0</bottom>
                     <right>0</right>
                   </padding>
     110         </text>
               </layers>
               <anchor>CENTER</anchor>
               <fill>NONE</fill>
               <width>0</width>
       115     <height>0</height>
               <padding>
                 <top>0</top>
                 <left>0</left>
                 <bottom>0</bottom>
         120     <right>0</right>
               </padding>
             </composite>
           </layers>
           <anchor>CENTER</anchor>
125       <fill>BOTH</fill>
           <width>0</width>
           <height>0</height>
           <padding>
             <top>8</top>
  130        <left>8</left>
             <bottom>8</bottom>
             <right>8</right>
           </padding>
         </button>
135   </layers>
       <anchor>CENTER</anchor>
       <fill>NONE</fill>
       <width>0</width>
       <height>0</height>
140   <padding>
         <top>0</top>
         <left>0</left>
         <bottom>0</bottom>
         <right>0</right>
145   </padding>
     </style>

Best wishes,
JohnR