For those of you not in the know, the id attribute should be unique across the entire HTML. Only one element should have value of that id. Class attributes allow HTML elements to be grouped and formatted similarly.
For example in the following HTML,
="myClass" id="myId" value="Click Me" type="button" name="myName">
HATS Components by default do not write out an id attribute, but rather only a name attribute. You can 'hack' this by adding the following in the 'Style' settings of the widget (after all style parameters:
The first double quotation mark ends the style attribute in the HTML. Then the ID attribute is written with its value, but NO closing double quotation mark. The JSP code will add the ending double quotation mark for you.
Now, I had problems where the GUI would change my initial double quotation mark in to a single quote. That will not work. In this case you will need to go into the source code and edit the component manually.