Hi,

Take a look at our custom controls article here, which I believe has the information you are looking for and much more.

Hope this helps,

Palli

 Hi Jim,

Argggggg.... browsers, browsers, browsers :-)

One more thing to be aware of in browser difference list. My tests show that for whatever reason, Chrome simply doesn't like to have this dummy img tag as early in the markup as you placed it. Simply by moving the dummy img tag down below the call to tplDrawLabelAPI, Chrome works fine too.

Your next logical question will probably be how I did find out. Well, based on my experience with web browsers and their differences, that is something you always need to keep in your mind when customizing the client side of controls. The method I used was to inspect the rendered Html in Chrome (using F12 in Chrome) and noticed that there was an empty div where the form's contents should have been. I then built another form using standard label control and it was working fine. At that point I started removing parts of your dummy img tag in you xslt and when that didn't work either, I started moving it around. So, it's not that I knew up front what was the problem, rather that I suspected something like this would be the cause and made a few tests. 

Hope this helps,

Palli